时间:2021-05-26
在vue-cli3里面已经有这个功能了,只需要开启这个功能就行了,默认是关闭的
1、找到生产环境的配置文件
2、然后找到 UglifyJsPlugin 这个插件添加一行代码
补充知识: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()的调试信息方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
最近下载了vue-cli3,研究了下vue-cli3下多环境的配置。首先,安装vue-cli3。npminstall-g@vue/cli安装好之后的项目是这样的
console.log()的作用是方便调试javascript用的,可以看到你在页面中输出的内容。 console.log()是一个日志文件,控制台日志。控制
安装vue-cli3环境准备1.如果您已安装vue-cli2,请先删除当前脚手架,否则无法成功安装vue-cli3。npmuninstallvue-cli-g2
很多人习惯在Chrome的调试窗口中调试Vue代码,或者直接使用console.log来观察变量值,这是非常痛苦的一件事,需要同时打开至少3个窗体。个人还是更加
前言vue-cli3推崇零配置,其图形化项目管理也很高大上。但是vue-cli3推崇零配置的话,导致了跟之前vue-cli2的配置方式都不一样了。别名设置,so