vue打包项目时自动删除console.log

最新推荐文章于 2024-04-09 17:05:55 发布

qq_41786541

最新推荐文章于 2024-04-09 17:05:55 发布

阅读量946

点赞数 1

分类专栏： vue

本文链接：https://blog.csdn.net/qq_41786541/article/details/105388038

版权

vue 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

第一种

安装插件

npm install babel-plugin-transform-remove-console --save

修改babel.config.js文件

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

第二种

安装插件

npm install terser-webpack-plugin --save

修改babel.config.js文件

const TerserPlugin = require('terser-webpack-plugin')
module.exports = {
  configureWebpack: config => {
    config.optimization = {
        minimizer: [
          new TerserPlugin({
            terserOptions: {
              compress: {
                drop_console: true
              }
            }
          })
        ]
      }
  }
}