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 相关文章推荐
jquery 实现两级导航菜单附效果图
Mar 07 Javascript
JS获得浏览器版本和操作系统版本的例子
May 13 Javascript
基于jQuery实现表单提交验证
Nov 24 Javascript
ES6中如何使用Set和WeakSet
Mar 10 Javascript
JS实现title标题栏文字不间断滚动显示效果
Sep 07 Javascript
React快速入门教程
Jan 17 Javascript
用React-Native+Mobx做一个迷你水果商城APP(附源码)
Dec 25 Javascript
vue树形结构获取键值的方法示例
Jun 21 Javascript
在vue中获取token,并将token写进header的方法
Sep 26 Javascript
微信小程序如何调用新闻接口实现列表循环
Jul 02 Javascript
ES6中异步对象Promise用法详解
Jul 31 Javascript
Vue检测屏幕变化来改变不同的charts样式实例
Oct 26 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
基于mysql的论坛(1)
2006/10/09 PHP
10条PHP编程习惯助你找工作
2008/09/29 PHP
PHP+jQuery实现自动补全功能源码
2013/05/15 PHP
PHP之生成GIF动画的实现方法
2013/06/07 PHP
PHP+iframe图片上传实现即时刷新效果
2016/11/18 PHP
解决PHP程序运行时:Fatal error: Maximum execution time of 30 seconds exceeded in的错误提示
2016/11/25 PHP
php实现在线考试系统【附源码】
2018/09/18 PHP
javascript indexOf函数使用说明
2008/07/03 Javascript
jquery zTree异步加载简单实例分享
2013/02/05 Javascript
js简单实现HTML标签Select联动带跳转
2013/10/23 Javascript
js对文章内容进行分页示例代码
2014/03/05 Javascript
jQuery实现拖拽效果插件的方法
2015/03/23 Javascript
图解prototype、proto和constructor的三角关系
2016/07/31 Javascript
jQuery操作json常用方法示例
2017/01/04 Javascript
javascript设计模式之Adapter模式【适配器模式】实现方法示例
2017/01/13 Javascript
vue-for循环嵌套操作示例
2019/01/28 Javascript
vue多次循环操作示例
2019/02/08 Javascript
Vue性能优化的方法
2020/07/30 Javascript
Angular短信模板校验代码
2020/09/23 Javascript
Python Deque 模块使用详解
2014/07/04 Python
python继承和抽象类的实现方法
2015/01/14 Python
Python 使用类写装饰器的小技巧
2018/09/30 Python
python 列表输出重复值以及对应的角标方法
2019/06/11 Python
python 使用elasticsearch 实现翻页的三种方式
2020/07/31 Python
Columbia美国官网:美国著名的户外服装品牌
2016/11/24 全球购物
北美大型运动类产品商城:Champs Sports
2017/01/12 全球购物
FitFlop澳大利亚官网:英国符合人体工学的鞋类品牌
2017/06/05 全球购物
俄罗斯最大的香水和化妆品网上商店:Randewoo
2020/11/05 全球购物
幼儿师范毕业生自荐信
2013/11/09 职场文书
放弃遗产继承公证书
2015/01/26 职场文书
后天观后感
2015/06/08 职场文书
工作证明格式范文
2015/06/15 职场文书
小学生运动会广播
2015/08/19 职场文书
《弟子规》读后感:知廉耻、明是非、懂荣辱、辨善恶
2019/12/03 职场文书
redis实现共同好友的思路详解
2021/05/26 Redis
MySQL基于索引的压力测试的实现
2021/11/07 MySQL