terser-webpack-plugin 适配vue-cli4的版本是多少
时间: 2024-11-12 19:38:17 浏览: 25
webpack4+Vue搭建自己的Vue-cli项目过程分享
5星 · 资源好评率100%
Terser Webpack Plugin(简称terser-webpack-plugin)是一个用于压缩JavaScript和CSS代码的webpack插件,它适用于 Vue CLI 4 的版本通常是最新的稳定版。Vue CLI 提供了一个便捷的方式来管理插件,包括 terser,通常会在推荐的 webpack 配置中使用兼容的版本。
在 Vue CLI 4 中,如果你想使用 Terser 进行代码压缩,可以在 `vue.config.js` 文件的 `chainWebpack` 函数中添加该插件,并确保选择了与当前项目兼容的 terser 版本。比如,你可以这样做:
```javascript
const TerserPlugin = require('terser-webpack-plugin');
module.exports = {
chainWebpack(config) {
config.optimization.minimize(true).use(
new TerserPlugin({
sourceMap: true, // 如果需要源码映射
parallel: true, // 是否并行压缩,默认开启
terserOptions: { // 更多 terser 配置,如 compress: {} 等
ecma: 5,
warnings: false,
},
})
);
},
};
```
在这里,`require('terser-webpack-plugin')`获取的是支持 Vue CLI 4 的最新稳定版本。如果你有特定的需求,建议查看 Terser 和 Vue CLI 文档确认版本兼容性。
阅读全文