1.安装插件(此插件可移除js和vue文件中的注释、打印等信息)

npm install terser-webpack-plugin -D;

2.在vue.config.js中进行配置

const TerserPlugin = require("terser-webpack-plugin");

configureWebpack: {
    optimization: {
      minimize: true,
      minimizer: [
        new TerserPlugin({
          parallel: true,
          terserOptions: {
            compress: {
              drop_console: true,//移除所有console相关代码;
              drop_debugger: true,//移除自动断点功能;
              pure_funcs: ["console.log", "console.error"],//配置移除指定的指令,如console.log,alert等
            },
            format: {
              comments: false,
            },
          },
          extractComments: false,
        })
      ]
    }
  }

 

Logo

前往低代码交流专区

更多推荐