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 相关文章推荐
Some tips of wmi scripting in jscript (1)
Apr 03 Javascript
JavaScript性能优化 创建文档碎片(document.createDocumentFragment)
Jul 13 Javascript
Javascript表格翻页效果的具体实现
Oct 05 Javascript
js截取中英文字符串、标点符号无乱码示例解读
Apr 17 Javascript
Jquery实现动态切换图片的方法
May 18 Javascript
Bootstrap 实现查询的完美方法
Oct 26 Javascript
JS实现重新加载当前页面
Nov 29 Javascript
基于JavaScript实现随机颜色输入框
Dec 10 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(二)
Jan 21 Javascript
详解用node.js实现简单的反向代理
Jun 26 Javascript
解决vue组件props传值对象获取不到的问题
Jun 06 Javascript
vue语法自动转typescript(解放双手)
Sep 18 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
日本因肺炎疫情影响,这几部动漫推延播放!
2020/03/03 日漫
php判断字符以及字符串的包含方法属性
2008/08/30 PHP
一个PHP的远程图片抓取函数分享
2013/09/25 PHP
PHP获取毫秒级时间戳的方法
2015/04/15 PHP
PHP基于文件存储实现缓存的方法
2015/07/20 PHP
php实现的xml操作类
2016/01/15 PHP
javascript 类方法定义还是有点区别
2009/04/15 Javascript
JavaScript 无符号右移赋值操作
2009/04/17 Javascript
javascript 面向对象 function类
2010/05/13 Javascript
jQuery图片播放8款精美插件分享
2013/02/17 Javascript
JS仿淘宝实现的简单滑动门效果代码
2015/10/14 Javascript
JavaScript知识点总结之如何提高性能
2016/01/15 Javascript
浅谈React 属性和状态的一些总结
2016/11/21 Javascript
js实现横向拖拽导航条功能
2017/02/17 Javascript
vue指令以及dom操作详解
2017/03/04 Javascript
从零开始学习Node.js系列教程一:http get和post用法分析
2017/04/13 Javascript
Moment.js实现多个同时倒计时
2019/08/26 Javascript
vue实现的封装全局filter并统一管理操作示例
2020/02/02 Javascript
在Python的框架中为MySQL实现restful接口的教程
2015/04/08 Python
Python安装模块的常见问题及解决方法
2018/02/05 Python
Python3实现将本地JSON大数据文件写入MySQL数据库的方法
2018/06/13 Python
Python3.5模块的定义、导入、优化操作图文详解
2019/04/27 Python
Django时区详解
2019/07/24 Python
Python BeautifulReport可视化报告代码实例
2020/04/13 Python
scrapy-redis分布式爬虫的搭建过程(理论篇)
2020/09/29 Python
html5贪吃蛇游戏使用63行代码完美实现
2013/06/25 HTML / CSS
Supersmart英国:欧洲市场首批食品补充剂供应商之一
2018/05/05 全球购物
酒店管理专业毕业生求职自荐信
2014/04/28 职场文书
运动会口号大全
2014/06/07 职场文书
经营目标管理责任书
2014/07/25 职场文书
2014年教师学期工作总结
2014/11/08 职场文书
应届生个人的求职(自荐信范文2篇)
2019/08/23 职场文书
教你怎么用Python实现多路径迷宫
2021/04/29 Python
CSS 使用 resize 实现图片拖拽切换预览功能(强大功能)
2021/08/23 HTML / CSS
十大好看的穿越动漫排名:《瑞克和莫蒂》第一,国漫《有药》在榜
2022/03/18 日漫
解决MySQL报“too many connections“错误
2022/04/19 MySQL