当前动态:Vue关闭线上源码移除console
发布日期: 2022-12-06 15:49:06 来源: 阿里云

不管前方的路有多苦,只要走的方向正确,不管多么崎岖不平,都比站在原地更接近幸福。

前言


【资料图】

文章中的配置,项目基于VueCLI3.0搭建,版本大于等于3.0不会有问题,其他环境版本请绕道。

关闭线上源码

在Vue.config.js中添加如下代码

module.exports={//关闭线上源码productionSourceMap:false,}

移除后的效果

移除console

使用TerserPlugin插件实现

安装插件:终端执行

yarnaddterser-webpack-plugin

在vue.config.js中添加如下代码

module.exports={configureWebpack:{optimization:{minimizer:[newTerserPlugin({terserOptions:{compress:{drop_console:true}}})]}}}

插件的更多使用方法:terser-webpack-plugin

使用cli自带的配置实现

感谢评论区掘友(@小小茂茂)给的建议,代码已测试,可移除console

在vue.config.js中添加如下代码

//关闭生产环境consoleconfigureWebpack(config){if(process.env.NODE_ENV==="production"){config.optimization.minimizer[0].options.terserOptions.compress.drop_console=true}}

写在最后

上海虹桥机场有这么一个故事,一对恋人在机场分手,女对男说“你别等我了我们不会有结果,就像机场永远等不来火车,我们以后也不会有交集”没过几年虹桥机场跟火车站连在了一起,设计这个工程的总工程师就是那个男的,只要有爱就有办法,任何人都可以无止境的对一个人好,但是前提提是值得。

你对我一直很好,我也想对你很好,可是我们一直在错过,一开始你有一个异地恋女朋友,后面你们分手了,我又有一段恋情,后来我分手了,但是我们就毕业了,你没有对我告过白,只对我在毕业聚餐那天晚上唱了一首灰姑娘,你说那是对我唱的,视频我保存在了我心里。

关键词: 前方的路 写在最后