Vue引入Stylus知识点总结


Posted in Javascript onJanuary 16, 2020

项目中使用引入文件有时候路径比较深,需要使用"../../../xx.js"这种类似的路劲引入,这种方式比较笨,可以使用webpack的别名alias配置来解决。

首先,先确定项目中是否有path模块:

Vue引入Stylus知识点总结

如果没有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("components", resolve("src/components"))
   .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: {
      compress: {
       warnings: false,
       drop_console: true, //console
       drop_debugger: false,
       pure_funcs: ["console.log"] //移除console
      }
     }
    })
   ]
  }
 },
}

以上就是本次介绍的Vue引入Stylus的全部知识点,感谢大家的学习和对三水点靠木的支持。

Javascript 相关文章推荐
DOM相关内容速查手册
Feb 07 Javascript
jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
Jun 28 Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
May 10 Javascript
js使用for循环查询数组中是否存在某个值
Aug 12 Javascript
AngularJS入门教程(一):静态模板
Dec 06 Javascript
JS判断是否手机或pad访问实现方法
Dec 09 Javascript
jQuery实现圣诞节礼物动画案例解析
Dec 25 Javascript
JS基于onclick事件实现单个按钮的编辑与保存功能示例
Feb 13 Javascript
微信小程序如何获取用户信息
Jan 26 Javascript
Vue多系统切换实现方案
Jun 05 Javascript
webpack4.x下babel的安装、配置及使用详解
Mar 07 Javascript
QML实现圆环颜色选择器
Sep 25 Javascript
js实现提交前对列表数据的增删改查
Jan 16 #Javascript
react实现移动端下拉菜单的示例代码
Jan 16 #Javascript
vue项目中使用eslint+prettier规范与检查代码的方法
Jan 16 #Javascript
JS实现简单的表格增删
Jan 16 #Javascript
JS实现基本的网页计算器功能示例
Jan 16 #Javascript
JS数组进阶示例【数组的几种函数用法】
Jan 16 #Javascript
js实现简单的秒表
Jan 16 #Javascript
You might like
PHP学习笔记之数组篇
2011/06/28 PHP
php读取csv文件并输出的方法
2015/03/14 PHP
PHP中抽象类、接口的区别与选择分析
2016/03/29 PHP
php使用curl详细解析及问题汇总
2016/08/11 PHP
php接口隔离原则实例分析
2019/11/11 PHP
javascript深入理解js闭包
2010/07/03 Javascript
JS 自定义带默认值的函数
2011/07/21 Javascript
jQuery Ajax提交表单查询获得数据实例代码
2012/09/19 Javascript
JQuery each打印JS对象的方法
2013/11/13 Javascript
JS字符串拼接在ie中都报错的解决方法
2014/03/27 Javascript
AngularJS入门教程之过滤器用法示例
2016/11/02 Javascript
jQuery中get方法用法分析
2016/12/07 Javascript
nodejs的压缩文件模块archiver用法示例
2017/01/18 NodeJs
ios设备中angularjs无法改变页面title的解决方法
2018/09/13 Javascript
JS使用cookie保存用户登录信息操作示例
2019/05/30 Javascript
高性能js数组去重(12种方法,史上最全)
2019/12/21 Javascript
[05:08]2014DOTA2国际邀请赛 Hao专访复仇的胜利很爽
2014/07/15 DOTA
Linux下编译安装MySQL-Python教程
2015/02/02 Python
Python随机生成一个6位的验证码代码分享
2015/03/24 Python
浅析Python中的多进程与多线程的使用
2015/04/07 Python
Python迭代器和生成器定义与用法示例
2018/02/10 Python
Python 使用 Pillow 模块给图片添加文字水印的方法
2019/08/30 Python
Python 爬虫的原理
2020/07/30 Python
python 元组和列表的区别
2020/12/30 Python
基于 Python 实践感知器分类算法
2021/01/07 Python
详解html2canvas截图不能截取圆角图片的解决方案
2018/01/30 HTML / CSS
加拿大最大的钻石商店:Peoples Jewellers
2018/01/01 全球购物
美国购买韩国护肤和美容产品网站:Althea Korea
2020/11/16 全球购物
12月红领巾广播稿
2014/02/13 职场文书
水毁工程实施方案
2014/04/01 职场文书
生日寄语大全
2014/04/08 职场文书
请假条格式范文
2014/04/10 职场文书
岗位竞聘演讲稿范文
2014/04/24 职场文书
外贸会计专业自荐信
2014/06/22 职场文书
我与祖国共奋进演讲稿
2014/09/13 职场文书
职场新人知识:如何制定一份合理的工作计划?
2019/09/11 职场文书