解决vue打包后去掉console

方法一：使用插件 babel-plugin-transform-remove-console

npm install babel-plugin-transform-remove-console --save-dev 安装插件

生产环境：在项目的babel.config.js的plugin中添加节点。

let transformRemoveConsolePlugin = [];if (process.env.NODE_ENV === 'production') {transformRemoveConsolePlugin = ['transform-remove-console']};

方法二：配置vue.config.js 文件

只需要简单几句代码，即可完成

chainWebpack(config){config.optimization.minimizer('terser').tap((args) => {args[0].terserOptions.compress.drop_console = truereturn args})
}

如图：

解决vue打包后去掉console相关推荐

[vue] 怎么解决vue打包后静态资源图片失效的问题？
[vue] 怎么解决vue打包后静态资源图片失效的问题? 上面蛮多回答感觉像开玩笑似的,静态资源图片失效分几种情况. 1.确定线上环境是否在根路径上,配置资源根目录,vue-cli2 和 vue-cl ...
vue上线后图片不显示_解决Vue打包后访问图片/图标不显示的问题
大家可否遇到过 npm run build打包后,项目在线上运行时,资源文件 (图片.图标)不显示的问题, 接下来,我给大家分享一下我的解决方案~ 1.检查打包后dist中的css文件打开此文件后 ...
解决vue打包后静态资源路径错误的问题
vue项目完成的最后一步就是打包部署上线,但是打包部署的过程往往不是那么一帆风顺的,现将遇到问题和解决方案记录如下. 图片路径问题起因: 页面中引入资源的方式往往有如下几种 * HTML标签中直接引 ...
解决vue打包后css位置错乱的问题——小结
今天遇到了一个比较坑的问题,使用vue2+webpack3在开发环境的时候样式是好的,但是打包之后放在生产环境样式就错乱了. 后来打开浏览器看了一下,原来是因为自己写的一个全局的css文件位置错乱了, ...
解决Vue打包后放到部署到服务器运行时出现Loading chunk * failed 错误
最近一直在捣鼓的Springboot+Vue 前后端分离项目,Vue 前端项目打包部署到Nginx 服务器访问时,点击导航栏切换一直报错: 原因:路由懒加载的情况下,访问当前应用进行路由跳转时都是实时 ...
解决vue打包后提示文件过大的警告
首先先列出我这个出现的三个警告第一个是css有问题第二个是js文件过大第三个是css文件过大解决 :针对第一个css的警告在我项目里用的element ui 出现这个警告是因为我vue组件里 ...
解决Vue打包后背景图片路径错误问题
1.原因解析当用vue-cli自动构建项目后,有两种运行方法,分别是: npm run dev : 提供一个开发的环境,自动热更新,资源使用绝对路径,所以可以正常看到背景图片. npm run bu ...
vue打包后过滤console.log和debugger
vue-cli搭建的项目在build下的webpack.prod.conf.js下添加如下代码 new webpack.optimize.UglifyJsPlugin({compress: {war ...
vue打包后出现一些map文件的解决方法
Vue打包后出现一些map文件的解决办法: 问题: 可能很多人在做vue项目打包,打包之后js中,会自动生成一些map文件,那我们怎么把它去掉不要呢? 1.运行 cnpm run build 开始 ...

解决vue打包后去掉console

解决vue打包后去掉console相关推荐

最新文章

热门文章