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做一个小游戏平台 (一)
Dec 29 Javascript
jQuery的链式调用浅析
Dec 03 Javascript
document.write()及其输出内容的样式、位置控制
Aug 12 Javascript
使用AngularJS和PHP的Laravel实现单页评论的方法
Jun 19 Javascript
javascript仿百度输入框提示自动下拉补全
Jan 07 Javascript
js原生实现FastClick事件的实例
Nov 20 Javascript
Bootstrap 3 进度条的实现
Feb 22 Javascript
js常用的继承--组合式继承
Mar 06 Javascript
微信小程序实现复选框效果
Dec 28 Javascript
浅谈JavaScript 代码简洁之道
Jan 09 Javascript
微信小程序new Date()方法失效问题解决方法
Jul 29 Javascript
Vue使用mixin分发组件的可复用功能
Sep 01 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
PHP5 安装方法
2007/01/15 PHP
shopex主机报错误请求解决方案(No such file or directory)
2011/12/27 PHP
php 文本文件的读取效率
2012/02/10 PHP
Code:loadScript( )加载js的功能函数
2007/02/02 Javascript
初识JQuery 实例一(first)
2011/03/16 Javascript
IE6-IE9不支持table.innerHTML的解决方法分享
2012/09/14 Javascript
location.href用法总结(最主要的)
2013/12/27 Javascript
JavaScript实现数组在指定位置插入若干元素的方法
2015/04/06 Javascript
JavaScript事件委托实例分析
2015/05/26 Javascript
JavaScript函数中关于valueOf和toString的理解
2016/06/14 Javascript
JavaScript实现图片懒加载(Lazyload)
2016/11/28 Javascript
Jquery EasyUI Datagrid右键菜单实现方法
2016/12/30 Javascript
微信小程序 template模板详解及实例
2017/02/21 Javascript
Angular中使用$watch监听object属性值的变化(详解)
2017/04/24 Javascript
JS设置随机出现2个数字的实例代码
2017/07/19 Javascript
微信小程序tabBar底部导航中文注解api详解
2017/08/16 Javascript
react router 4.0以上的路由应用详解
2017/09/21 Javascript
深入理解React高阶组件
2017/09/28 Javascript
JS使用百度地图API自动获取地址和经纬度操作示例
2019/04/16 Javascript
vue+koa2搭建mock数据环境的详细教程
2020/05/18 Javascript
Python实现建立SSH连接的方法
2015/06/03 Python
Python实现登陆文件验证方法
2018/10/06 Python
python实现简单的文字识别
2018/11/27 Python
python实现车牌识别的示例代码
2019/08/05 Python
python打包成so文件过程解析
2019/09/28 Python
解决Python logging模块无法正常输出日志的问题
2020/02/21 Python
如何利用Python动态模拟太阳系运转
2020/09/04 Python
CSS3实现精美横向滚动菜单按钮
2017/04/14 HTML / CSS
浅谈html5之sse服务器发送事件EventSource介绍
2017/08/28 HTML / CSS
澳大利亚第一旅行车和房车配件店:Caravan RV Camping
2020/12/26 全球购物
Java程序员常见面试题
2015/07/16 面试题
助人为乐表扬信范文
2014/01/14 职场文书
师生聚会感言
2014/01/26 职场文书
感恩节活动策划方案
2014/05/16 职场文书
企业安全生产承诺书
2014/05/22 职场文书
晚自修旷课检讨书怎么写
2014/11/17 职场文书