vue 打包的时候去掉console.log?


在 webpack.prod.conf.js 中添加

 

 

// 代码:
plugins: [
        // http://vuejs.github.io/vue-loader/en/workflow/production.html
        new webpack.DefinePlugin({
            'process.env': env
        }),
        new UglifyJsPlugin({
            uglifyOptions: {
                compress: {
                    warnings: false,
                    //过滤console.log-start
                    drop_console: true,
                    pure_funcs: ['console.log']
                    //过滤console.log-end
                }
            },
            sourceMap: config.build.productionSourceMap,
            parallel: true
        })
 ]

 


如果是vue3:

 

 

 代码:

module.exports = {
  lintOnSave: true,
  // 配置webpack打包
  configureWebpack: (config) => {
      // 取消console打印    
    config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
    // 如果是多环境打包
    //if (process.env.NODE_ENV === 'production') {
      //config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
   // }
  },
  ...
}

 



 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM