vue3打包去掉注释

https://blog.csdn.net/u011140116/article/details/108090604

https://www.cnblogs.com/gengzhen/p/15251600.html

用vue-cli编写的插件或库文件，打包的时候如果需要压缩、混淆、去注释，去除debugger、console.log等，可以使用 uglifyjs-webpack-plugin 或者 terser-webpack-plugin，前者不支持es6，打包时可能会报Unexpected token的错误，后者是前者对es6的支持版本。

uglifyjs-webpack-plugin

2.1 github
https://github.com/webpack-contrib/uglifyjs-webpack-plugin
2.2 安装

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

npm uninstall uglifyjs-webpack-plugin --save-dev

12.3 配置
在vue.config.js中配置

const UglifyJsPlugin = require(‘uglifyjs-webpack-plugin’)

// module.exports 中配置，可加参数，详见github文档或百度

configureWebpack: config => {
  if (process.env.NODE_ENV === 'production') {
    config.plugins.push(new UglifyJsPlugin())
  }
}

terser-webpack-plugin

2.1 github
https://github.com/webpack-contrib/terser-webpack-plugin
2.2 安装

npm install terser-webpack-plugin --save-dev

npm uninstall terser-webpack-plugin

2.3 配置
在vue.config.js中配置

const TerserPlugin = require('terser-webpack-plugin')

// module.exports 中配置，可加参数，详见github文档或百度

configureWebpack: config => {
  if (process.env.NODE_ENV === 'production') {
    config.plugins.push(new TerserPlugin())
  }
}