vue-cli3自动消除console.log()的调试信息方式


Posted in Javascript onOctober 21, 2020

在vue-cli3里面已经有这个功能了,只需要开启这个功能就行了,默认是关闭的

1、找到生产环境的配置文件

vue-cli3自动消除console.log()的调试信息方式

2、然后找到 UglifyJsPlugin 这个插件添加一行代码

vue-cli3自动消除console.log()的调试信息方式

补充知识:Vue cli3 实现去除console.log 去除控制台输出

下载移除控制台输出的包

npm install babel-plugin-transform-remove-console --save-dev

新建

babel.config.js

let plugins = [
 vant插件的按需加载
 [
 'import',
 {
  libraryName: 'vant',
  libraryDirectory: 'es',
  style: true
 },
 'vant'
 ]
]
//在打包的时候,加入移除控制台输出插件
if (process.env.NODE_ENV === 'production') {
 plugins.push('transform-remove-console')
}
module.exports = {
 presets: ['@vue/app'],
 plugins: plugins
}

以上这篇vue-cli3自动消除console.log()的调试信息方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
FireFox JavaScript全局Event对象
Jun 14 Javascript
Javascript模块化编程(三)require.js的用法及功能介绍
Jan 17 Javascript
利用div+jquery自定义滚动条样式的2种方法
Jul 18 Javascript
js 中将多个逗号替换为一个逗号的代码
Jun 07 Javascript
微信小程序 WXML、WXSS 和JS介绍及详解
Oct 08 Javascript
js实现定时进度条完成后切换图片
Jan 04 Javascript
Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound的解决方法
Jan 19 Javascript
jQuery上传多张图片带进度条样式(DEMO)
Mar 02 Javascript
Angularjs 实现移动端在线测评效果(推荐)
Apr 05 Javascript
jquery.onoff实现简单的开关按钮功能(推荐)
May 24 jQuery
10分钟彻底搞懂Http的强制缓存和协商缓存(小结)
Aug 30 Javascript
Vuejs学习笔记之使用指令v-model完成表单的数据双向绑定
Apr 29 Javascript
js 压缩图片的示例(只缩小体积,不更改图片尺寸)
Oct 21 #Javascript
vue-cli4使用全局less文件中的变量配置操作
Oct 21 #Javascript
Vue全局使用less样式,组件使用全局样式文件中定义的变量操作
Oct 21 #Javascript
js 图片懒加载的实现
Oct 21 #Javascript
uniapp实现可以左右滑动导航栏
Oct 21 #Javascript
解决vue-loader加载不上的问题
Oct 21 #Javascript
Vue实现返回顶部按钮实例代码
Oct 21 #Javascript
You might like
改变Apache端口等配置修改方法
2008/06/05 PHP
PHP获取一个字符串中间一部分字符的方法
2014/08/19 PHP
Laravel5.1框架注册中间件的三种场景详解
2019/07/09 PHP
laravel框架中表单请求类型和CSRF防护实例分析
2019/11/23 PHP
javascript 播放器 控制
2007/01/22 Javascript
javascript 打印页面代码
2009/03/24 Javascript
用JQuery调用Session的实现代码
2010/10/29 Javascript
jquery获得option的值和对option进行操作
2013/12/13 Javascript
JSF中confirm弹出框的用法示例介绍
2014/01/07 Javascript
多引号嵌套的变量命名的问题
2014/05/09 Javascript
ztree获取当前选中节点子节点id集合的方法
2015/02/12 Javascript
JavaScript实现向右伸出的多级网页菜单效果
2015/08/25 Javascript
JavaScript中 ES6 generator数据类型详解
2016/08/11 Javascript
如何使用Bootstrap创建表单
2017/03/29 Javascript
React学习笔记之事件处理(二)
2017/07/02 Javascript
js使用原型对象(prototype)需要注意的地方
2017/08/28 Javascript
简单谈谈关于Angular Cli打包的事
2017/09/05 Javascript
JavaScript之创意时钟项目(实例讲解)
2017/10/23 Javascript
超出JavaScript安全整数限制的数字计算BigInt详解
2018/06/24 Javascript
详解基于Vue/React项目的移动端适配方案
2019/08/23 Javascript
vue输入节流,避免实时请求接口的实例代码
2019/10/30 Javascript
.netcore+vue 实现压缩文件下载功能
2020/09/24 Javascript
[01:37]DOTA2超级联赛专访ChuaN 传奇般的电竞之路
2013/06/19 DOTA
Python3中内置类型bytes和str用法及byte和string之间各种编码转换 问题
2018/09/27 Python
如何基于Python制作有道翻译小工具
2019/12/16 Python
Python爬虫之Selenium设置元素等待的方法
2020/12/04 Python
HTML5是否真的可以取代Flash
2010/02/10 HTML / CSS
将一个数的从第5位开始的7个数取出,其余位置0
2016/05/26 面试题
口头翻译求职人自荐信
2013/12/07 职场文书
网络技术专业求职信
2014/02/18 职场文书
小区保洁员岗位职责
2015/04/10 职场文书
教师节感想
2015/08/11 职场文书
2019通用版新员工入职培训方案!
2019/07/11 职场文书
Python中使用Lambda函数的5种用法
2021/04/01 Python
Springboot配置suffix指定mvc视图的后缀方法
2021/07/03 Java/Android
未发现nvidia显卡怎么办?Win11系统中未检测到nvidia显卡解决教程
2022/04/08 数码科技