vue-cli3混淆、压缩打包（另附问题解决方法）

前言

欸，其实这回也没什么前言了，就是之前的代码需要做混淆之后压缩打包。
使用这个插件

插件地址

https://github.com/webpack-contrib/terser-webpack-plugin

安装命令

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

配置修改

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

// module.exports 中配置，可加参数，详见github文档或百度
configureWebpack: config => {
    
    
  if (process.env.NODE_ENV === 'production') {
    
    
    config.plugins.push(new TerserPlugin())
  }
}

可能会出现的问题

我在安装并且配置好后的打包过程中，出现过这样的问题：

TypeError: Cannot read property 'javascript' of undefined

其主要原因是用上面的安装命令down下来的插件是最新版的5，而这个版本应该是适用于Webpack 5的，我之前代码是Webpack 4，没有对应上版本，所以报了上面的问题。想要修改只需要在package.json将terser-webpack-plugin的版本改为**^4.2.3**就可以啦~

然后要记得重新npm install更新一下哦！

解决问题就是这么简单~~