webpack打包去掉注释,vue webpack 打包
本文主要介绍了Vue项目WebPack包删除注释和控制台,有很好的参考价值,希望对大家有所帮助。如有错误或不足之处,请不吝赐教。
目录
WebPack包删除注释和控制台pm运行构建包删除控制台和警告。
WebPack打包删除注释和console
项目中使用了jspdf插件,webpack打包后它存在于注释中。
让领导删了,所以用插件。
cnpm安装uglifyjs-webpack-plugin -D
在vue.config.js中添加配置
constuglifyjsplugin=require( uglifyjs-web pack-plugin )//介绍插件
模块.导出={
configureWebpack: {
优化:{
最小化:[
新的UglifyJsPlugin({
丑陋选项:{
//删除注释
输出:{
评论:错误
},
//删除控制台调试器删除警告
压缩:{
drop_console: true,//console
drop_debugger: false,
Pure_funcs: [console.log] //删除控制台
}
}
})
]
}
}
}
npm run build打包去掉console和警告
在本地开发环境下,有些数据肯定会被打印出来,但是如果上传到正规环境下,这些肯定就不能再用了,但是又不能一行一行的注释掉,很麻烦。所以vue在配置的时候其实是有这个配置的,只是需要你自己在配置文件里修改,这样你的开发II就可以偷懒了。
先说这个配置。其实就是两行代码而已。
在build下的webpack.prod.conf.js中找到它,并将其添加到这里。
drop_console:真的,
pure_funcs: [console.log]
这两句话可以完美解决。
以上个人经历,希望能给大家一个参考,也希望大家多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。