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 相关文章推荐
javascript利用初始化数据装配模版的实现代码
Nov 17 Javascript
js操作checkbox遇到的问题解决
Jun 29 Javascript
JS限制Textarea文本域字符个数的具体实现
Aug 02 Javascript
实现js保留小数点后N位的代码
Nov 13 Javascript
基于javascript实现彩票随机数生成(简单版)
Apr 17 Javascript
基于JavaScript实现在新的tab页打开url
Aug 04 Javascript
详解jQuery中的事件
Dec 14 Javascript
JavaScript 获取元素在父节点中的下标(推荐)
Jun 28 Javascript
Js利用console计算代码运行时间的方法示例
Sep 24 Javascript
vue实现选项卡及选项卡切换效果
Apr 24 Javascript
通过jquery toggleClass()属性制作文章段落更改背景颜色
May 21 jQuery
解决vuex刷新状态初始化的方法实现
Aug 15 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解压文件代码实现php在线解压
2014/02/13 PHP
php实现四舍五入的方法小结
2015/03/03 PHP
PHP使用SOAP调用API操作示例
2018/12/25 PHP
PHP中抽象类,接口功能、定义方法示例
2019/02/26 PHP
不能再简单的无闪刷新验证码原理很简单
2007/11/05 Javascript
JS Map 和 List 的简单实现代码
2013/07/08 Javascript
artDialog双击会关闭对话框的修改过程分享
2013/08/05 Javascript
window.location不跳转的问题解决方法
2014/04/17 Javascript
一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
2014/06/26 Javascript
jQuery打印指定区域Html页面并自动分页
2014/07/04 Javascript
让javascript加载速度倍增的方法(解决JS加载速度慢的问题)
2014/12/12 Javascript
JS+CSS实现Li列表隔行换色效果的方法
2015/02/16 Javascript
jQuery实现仿腾讯迷你首页选项卡效果代码
2015/09/17 Javascript
jQuery ajax方法传递中文时出现中文乱码的解决方法
2016/07/25 Javascript
jQuery Easyui使用(一)之可折叠面板的布局手风琴菜单
2016/08/17 Javascript
Laravel中常见的错误与解决方法小结
2016/08/30 Javascript
AngularJs Injecting Services Into Controllers详解
2016/09/02 Javascript
Angular使用动态加载组件方法实现Dialog的示例
2018/05/11 Javascript
在vue中解决提示警告 for循环报错的方法
2018/09/28 Javascript
JavaScript进阶(四)原型与原型链用法实例分析
2020/05/09 Javascript
vue-router 控制路由权限的实现
2020/09/24 Javascript
[17:36]VG战队纪录片
2014/08/21 DOTA
python用户评论标签匹配的解决方法
2018/05/31 Python
Python增强赋值和共享引用注意事项小结
2019/05/28 Python
基于Python安装pyecharts所遇的问题及解决方法
2019/08/12 Python
Pycharm中import torch报错的快速解决方法
2020/03/05 Python
Python如何使用paramiko模块连接linux
2020/03/18 Python
Python实例教程之检索输出月份日历表
2020/12/16 Python
CSS3实现千变万化的文字阴影text-shadow效果设计
2016/04/26 HTML / CSS
英国领先的酒类网上商城:TheDrinkShop
2017/03/16 全球购物
教师自我评价范文
2013/12/16 职场文书
联谊会主持词
2014/03/26 职场文书
金融专业毕业生自荐信
2014/06/26 职场文书
2014年银行员工年终自我评价
2014/09/19 职场文书
2015年度考核个人工作总结
2015/10/24 职场文书
2016年社区国庆节活动总结
2016/04/01 职场文书