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 相关文章推荐
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
Mar 06 Javascript
jQuery的控件及事件(输入控件及回车事件)使用示例
Jul 25 Javascript
jquery实现鼠标滑过显示提示框的方法
Feb 05 Javascript
jquery实现表单输入时提示文字滑动向上效果
Aug 10 Javascript
jQuery实现的产品自动360度旋转展示特效源码分享
Aug 21 Javascript
详解Jquery的事件操作和文档操作
Dec 19 Javascript
Angular.js中下拉框实现渲染html的方法
Jun 18 Javascript
JS构造一个html文本内容成文件流形式发送到后台
Jul 31 Javascript
webuploader实现上传图片到服务器功能
Aug 16 Javascript
vue3.0 CLI - 2.6 - 组件的复用入门教程
Sep 14 Javascript
vue3 源码解读之 time slicing的使用方法
Oct 31 Javascript
在Angular中实现一个级联效果的下拉框的示例代码
May 20 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创建图像具体步骤
2017/03/13 PHP
setTimeout的延时为0时多个浏览器的区别
2012/05/23 Javascript
js 获取元素在页面上的偏移量的方法汇总
2015/04/13 Javascript
将List对象列表转换成JSON格式的类实现方法
2016/07/04 Javascript
jQuery实现div横向拖拽排序的简单实例
2016/07/13 Javascript
Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍
2016/12/31 Javascript
原生node.js案例--前后台交互
2017/02/20 Javascript
移动端利用H5实现压缩图片上传功能
2017/03/29 Javascript
jQuery 表单序列化实例代码
2017/06/11 jQuery
js实现城市级联菜单的2种方法
2017/06/23 Javascript
在React中如何优雅的处理事件响应详解
2017/07/24 Javascript
微信小程序scroll-view横向滑动嵌套for循环的示例代码
2018/09/20 Javascript
electron中使用bootstrap的示例代码
2018/11/06 Javascript
基于 jQuery 实现键盘事件监听控件
2019/04/04 jQuery
vue 实现Web端的定位功能 获取经纬度
2019/08/08 Javascript
vuejs中父子组件之间通信方法实例详解
2020/01/17 Javascript
vue + node如何通过一个Txt文件批量生成MP3并压缩成Zip
2020/06/02 Javascript
python实现爬虫下载漫画示例
2014/02/16 Python
对于Python异常处理慎用“except:pass”建议
2015/04/02 Python
Python中的zipfile模块使用详解
2015/06/25 Python
对python中raw_input()和input()的用法详解
2018/04/22 Python
redis之django-redis的简单缓存使用
2018/06/07 Python
Django中更改默认数据库为mysql的方法示例
2018/12/05 Python
通过pycharm使用git的步骤(图文详解)
2019/06/13 Python
django数据库自动重连的方法实例
2019/07/21 Python
Python sep参数使用方法详解
2020/02/12 Python
python 制作python包,封装成可用模块教程
2020/07/13 Python
Python rabbitMQ如何实现生产消费者模式
2020/08/24 Python
微信小程序实现可实时改变转速的css3旋转动画实例代码
2018/09/11 HTML / CSS
使用CSS3的背景渐变Text Gradient 创建文字颜色渐变
2014/08/19 HTML / CSS
John Hardy官方网站:手工设计首饰的奢侈品牌
2017/07/05 全球购物
Antonioli美国在线商店:时尚前卫奢华
2019/07/29 全球购物
合作协议书范本
2014/10/25 职场文书
采购内勤岗位职责
2015/04/13 职场文书
2015年学生会主席工作总结
2015/04/21 职场文书
MySQL系列之二 多实例配置
2021/07/02 MySQL