在开发环境写了很多console.log/info/debug,在生产环境需要去掉这些console。
webpack提供了删除console的插件,在vue-cli3里面是这样用的:
首先安装terser-webpack-plugin

cnpm install terser-webpack-plugin -D

vue.config.js中的配置

const TerserPlugin = require('terser-webpack-plugin');
// 去console插件

  configureWebpack: {
    optimization: {
      minimize: process.env.NODE_ENV === 'production',
      minimizer: [
        new TerserPlugin({
          terserOptions: {
            ecma: undefined,
            warnings: false,
            parse: {},
            compress: {
              drop_console: true,
              drop_debugger: true,
              pure_funcs: ['console.log'], // 移除console
            },
          },
        }),
      ],
    },
  },


 

Logo

前往低代码交流专区

更多推荐