Vue引入Stylus知识点总结
网络编程 2021-07-04 15:02www.168986.cn编程入门
在本篇文章里长沙网络推广给各位整理的是一篇关于Vue引入Stylus知识点内容,有需要的朋友们可以学习参考下。
项目中使用引入文件有时候路径比较深,需要使用"../../../xx.js"这种类似的路劲引入,这种方式比较笨,可以使用webpack的别名alias配置来解决。
,先确定项目中是否有path模块
如果没有path模块需要先安装path
npm install path --save
以下为vue.config.js配置
const path = require("path"); function resolve(dir) { return path.join(__dirname, dir); } module.exports = { chainWebpack: config => { config.resolve.alias .set("@", resolve("src")) .set("assets", resolve("src/assets")) .set("ponents", resolve("src/ponents")) .set("base", resolve("baseConfig")) .set("public", resolve("public")); }, }
项目开发阶段经常需要console一些测试数据,查看开发过程中遇到的问题,但生产环境中这些console数据需要清掉,以前操作是项目配置一个全局的标志,判断是否打印console数据,近期发现一个更简便的方法,通过webpack配置生产环境自动清除console。
,安装uglifyjs-webpack-plugin插件
npm install uglifyjs-webpack-plugin --save
,在vue.config.js文件引入插件。
,配置configureWebpack如下代码
const UglifyJsPlugin = require("uglifyjs-webpack-plugin"); // 引入插件 module.exports = { configureWebpack: { optimization: { minimizer: [ new UglifyJsPlugin({ uglifyOptions: { press: { warnings: false, drop_console: true, //console drop_debugger: false, pure_funcs: ["console.log"] //移除console } } }) ] } }, }
以上就是本次介绍的Vue引入Stylus的全部知识点,感谢大家的学习和对狼蚁SEO的支持。
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南