vue打包删除console.log
首页 > >    作者:lininn   2019年11月4日 21:14 星期一   热度:1343°   百度已收录  
时间:2019-11-4 21:14   热度:1343° 
利用UglifyJsPlugin插件来实现项目打包后,删除debugger和console语句

在build/webpack.prod.conf.js文件中添加如下代码

plugin:[
    new UplifyJsPlugin(){   
        uglifyOptions: {
            compress: {
            warnings: false,//警告
            drop_debugger: true,//debugger
            drop_console: true,//console(注释掉)
            pure_funcs:['console.log'] // 移除console
            }
        }
        
    }
]
 
yarn add babel-plugin-transform-remove-console —D // 安装包 复制代码

在 babel.config.js 中配置

// 所有生产环境
const prodPlugin = []

if (process.env.NODE_ENV === 'production') {

  // 如果是生产环境,则自动清理掉打印的日志,但保留error 与 warn
  prodPlugin.push([
    'transform-remove-console',
    {
      // 保留 console.error 与 console.warn
      exclude: ['error', 'warn']
    }
  ])
}


module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    ...prodPlugin
  ]
}

二维码加载中...
本文作者:lininn      文章标题: vue打包删除console.log
本文地址:?post=410
版权声明:若无注明,本文皆为“覆手为雨”原创,转载请保留文章出处。
分享本文至:

返回顶部    首页    手机版本    后花园   会员注册   
版权所有:覆手为雨    站长: lininn