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中的数学函数
Apr 04 Javascript
JavaScript this 深入理解
Jul 30 Javascript
javascript 面向对象编程  function是方法(函数)
Sep 17 Javascript
无阻塞加载脚本分析[全]
Jan 20 Javascript
jQuery操作DOM之获取表单控件的值
Jan 23 Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
May 09 Javascript
简单实现的JQuery文本框水印插件
Jun 14 Javascript
JS实现验证码倒计时的注册页面
Jan 02 Javascript
vue项目中使用tinymce编辑器的步骤详解
Sep 11 Javascript
如何使用 vue + d3 画一棵树
Dec 03 Javascript
js实现移动端轮播图
Dec 21 Javascript
webpack4手动搭建Vue开发环境实现todoList项目的方法
May 16 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树的深度编历生成迷宫及A*自动寻路算法实例分析
2015/03/10 PHP
php支持中文字符串分割的函数
2015/05/28 PHP
Smarty使用自定义资源的方法
2015/08/08 PHP
通过PHP简单实例介绍文件上传
2015/12/16 PHP
php下载文件,添加响应头的简单实例
2016/09/22 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
JavaScript浏览器选项卡效果
2010/08/25 Javascript
js multiple全选与取消全选实现代码
2012/12/04 Javascript
Javascript中call的两种用法实例
2013/12/13 Javascript
JavaScript框架(iframe)操作总结
2014/04/16 Javascript
angular简介和其特点介绍
2015/01/29 Javascript
JavaScript获取两个数组交集的方法
2015/06/09 Javascript
向JavaScript的数组中添加元素的方法小结
2015/10/24 Javascript
详解js跨域原理以及2种解决方案
2015/12/09 Javascript
BootStrap+Angularjs+NgDialog实现模式对话框
2016/08/24 Javascript
移动开发之自适应手机屏幕宽度
2016/11/23 Javascript
详解如何在Angular中快速定位DOM元素
2017/05/17 Javascript
使用node.js搭建服务器
2017/05/20 Javascript
详解vue-cli项目中的proxyTable跨域问题小结
2018/02/09 Javascript
详解React 条件渲染
2020/07/08 Javascript
利用pyinstaller或virtualenv将python程序打包详解
2017/03/22 Python
Python单例模式的两种实现方法
2017/08/14 Python
python清理子进程机制剖析
2017/11/23 Python
Flask框架响应、调度方法和蓝图操作实例分析
2018/07/24 Python
python实现修改固定模式的字符串内容操作示例
2019/12/30 Python
Django后台管理系统的图文使用教学
2020/01/20 Python
常用的10个Python实用小技巧
2020/08/10 Python
Python3如何实现Win10桌面自动切换
2020/08/11 Python
css3实现一个div设置多张背景图片及background-image属性实例演示
2017/08/10 HTML / CSS
css3过渡_动力节点Java学院整理
2017/07/11 HTML / CSS
PHP使用Redis队列执行定时任务实例讲解
2021/03/24 PHP
结构工程研究生求职信
2013/10/13 职场文书
毕业生简历自我评价范文
2014/04/09 职场文书
优秀家长自荐材料
2014/08/26 职场文书
卫生主题班会
2015/08/14 职场文书
python关于集合的知识案例详解
2021/05/30 Python