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 相关文章推荐
幻宇的层模拟窗口效果-提供演示和下载
Jan 20 Javascript
使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法
Apr 07 Javascript
jquery插件开发方法(初学者)
Feb 03 Javascript
js函数调用常用方法详解
Dec 03 Javascript
深入讲解AngularJS中的自定义指令的使用
Jun 18 Javascript
Vue.js事件处理器与表单控件绑定详解
Mar 20 Javascript
微信小程序带动画弹窗组件使用方法详解
Nov 27 Javascript
vue form check 表单验证的实现代码
Dec 09 Javascript
仿ElementUI实现一个Form表单的实现代码
Apr 23 Javascript
jquery.pager.js实现分页效果
Jul 29 jQuery
JS PHP字符串截取函数实现原理解析
Aug 29 Javascript
何时使用Map来代替普通的JS对象
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
用PHP实现Ftp用户的在线管理
2012/02/16 PHP
PHP类与对象中的private访问控制的疑问
2012/11/01 PHP
深入php常用函数的使用汇总
2013/06/08 PHP
php flush无效,IIS7下php实时输出的方法
2016/08/25 PHP
PHP判断数组是否为空的常用方法(五种方法)
2017/02/08 PHP
html下载本地
2006/06/19 Javascript
认识延迟时间为0的setTimeout
2008/05/16 Javascript
JavaScript入门教程(3) js面向对象
2009/01/31 Javascript
Jquery中获取iframe的代码
2011/01/11 Javascript
5款JavaScript代码压缩工具推荐
2014/07/07 Javascript
javascript通过元素id和name直接取得元素的方法
2015/04/28 Javascript
javascript基于DOM实现权限选择实例分析
2015/05/14 Javascript
跟我学习javascript解决异步编程异常方案
2015/11/23 Javascript
AngularJS实用开发技巧(推荐)
2016/07/13 Javascript
Angular 2应用的8个主要构造块有哪些
2016/10/17 Javascript
深入理解jquery中extend的实现
2016/12/22 Javascript
nodejs操作mongodb的填删改查模块的制作及引入实例
2018/01/02 NodeJs
浅析微信扫码登录原理(小结)
2018/10/29 Javascript
js canvas实现写字动画效果
2018/11/30 Javascript
微信小程序设置全局请求URL及封装wx.request请求操作示例
2019/04/02 Javascript
jQuery分组选择器简单用法示例
2019/04/04 jQuery
[46:28]EG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
python调用机器喇叭发出蜂鸣声(Beep)的方法
2015/03/23 Python
Python排序搜索基本算法之堆排序实例详解
2017/12/08 Python
python3编写ThinkPHP命令执行Getshell的方法
2019/02/26 Python
Python内置函数property()如何使用
2020/09/01 Python
详解matplotlib绘图样式(style)初探
2021/02/03 Python
英国鹦鹉店:Parrot Essentials
2018/12/03 全球购物
QA工程师岗位职责
2013/11/20 职场文书
学校门卫管理制度
2014/01/30 职场文书
文秘求职信范文
2014/04/10 职场文书
人力资源管理专业自荐书
2014/07/07 职场文书
督导岗位职责范本
2015/04/10 职场文书
保安辞职申请书应该怎么写?
2019/07/15 职场文书
Python利用Turtle绘制哆啦A梦和小猪佩奇
2022/04/04 Python
Java由浅入深通关抽象类与接口(上篇)
2022/04/26 Java/Android