vue打包清除console(UglifyjsWebpackPlugin)

1、安装uglifyjs-webpack-plugin

npm install uglifyjs-webpack-plugin --save-dev

2、vue.config.js引入uglifyjs-webpack-plugin

const UglifyJsPlugin = require('uglifyjs-webpack-plugin')

3、configureWebpack配置

module.exports = {
  configureWebpack: (config) => {
    // 判断是否是生产环境,看自己项目里是怎么判断的
    if (process.env.NODE_ENV === 'production') {
      return {
        plugins: [
          //打包环境去掉console.log等
          new UglifyJsPlugin({
            uglifyOptions: {
              compress: {
                // warnings: false,
                drop_console: true,  //注释console
                drop_debugger: true, //注释debugger
                pure_funcs: ['console.log'], //移除console.log
              },
              warnings: false
            },
          })],
      }

    } else {
      return {
      // 测试环境的一些配置
} } }, }

 

posted @ 2022-07-18 11:13  从入门到入土  阅读(889)  评论(0)    收藏  举报