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 相关文章推荐
拖拉表格的JS函数
Nov 20 Javascript
JavaScript asp.net 获取当前超链接中的文本
Apr 14 Javascript
(function($){...})(jQuery)的意思
Jul 22 Javascript
学习js在线html(富文本,所见即所得)编辑器
Dec 18 Javascript
JS 添加千分位与去掉千分位的示例
Jul 11 Javascript
微信小程序 地图map详解及简单实例
Jan 10 Javascript
jQuery插件MovingBoxes实现左右滑动中间放大图片效果
Feb 28 Javascript
angular动态删除ng-repaeat添加的dom节点的方法
Jul 20 Javascript
微信小程序Flex布局用法深入浅出分析
Apr 25 Javascript
jQuery 移除事件的方法
Jun 20 jQuery
vue 图片裁剪上传组件的实现
Nov 12 Javascript
给原生html中添加水印遮罩层的实现示例
Apr 02 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实现的随机广告显示代码
2007/06/14 PHP
用PHP写的基于Memcache的Queue实现代码
2011/11/27 PHP
windows下配置apache+php+mysql时出现问题的处理方法
2014/06/20 PHP
关于Laravel Route重定向的一个注意点
2017/01/16 PHP
javascript 函数使用说明
2010/04/07 Javascript
js网页版计算器的简单实现
2013/07/02 Javascript
关闭浏览器时提示onbeforeunload事件
2013/12/25 Javascript
用原生js做个简单的滑动效果的回到顶部
2014/10/15 Javascript
js计算德州扑克牌面值的方法
2015/03/04 Javascript
JavaScript中匿名函数的用法及优缺点详解
2016/06/01 Javascript
jquery checkbox无法用attr()二次勾选问题的解决方法
2016/07/22 Javascript
JS中对Cookie的操作详解
2016/08/05 Javascript
10道典型的JavaScript面试题
2017/03/22 Javascript
JS实现移动端整屏滑动的实例代码
2017/11/10 Javascript
JS中精巧的自动柯里化实现方法
2017/12/12 Javascript
JavaScript实现鼠标经过表格某行时此行变色
2020/11/20 Javascript
[28:42]Ti4正赛VG vs NEWBEE1
2014/07/19 DOTA
Python struct模块解析
2014/06/12 Python
Python字符串、元组、列表、字典互相转换的方法
2016/01/23 Python
浅谈Python的异常处理
2016/06/19 Python
各种Python库安装包下载地址与安装过程详细介绍(Windows版)
2016/11/02 Python
Python将多份excel表格整理成一份表格
2018/01/03 Python
Python使用matplotlib绘图无法显示中文问题的解决方法
2018/03/14 Python
Python实现的批量修改文件后缀名操作示例
2018/12/07 Python
python3使用matplotlib绘制条形图
2020/03/25 Python
皇马官方商城:Real Madrid Store
2016/09/02 全球购物
微软台湾官方网站:Microsoft台湾
2018/08/15 全球购物
华为消费者德国官方网站:HUAWEI德国
2020/11/03 全球购物
高职教师岗位职责
2013/12/24 职场文书
建筑个人求职信范文
2014/01/25 职场文书
中职招生先进个人材料
2014/08/31 职场文书
人口与计划生育责任书
2015/05/09 职场文书
怒海潜将观后感
2015/06/11 职场文书
总结Java对象被序列化的两种方法
2021/06/30 Java/Android
Java中CyclicBarrier和CountDownLatch的用法与区别
2021/08/23 Java/Android
Win11 PC上的Outlook搜索错误怎么办?
2022/07/15 数码科技