webpack5中optimization
时间: 2024-06-14 22:04:22 浏览: 14
webpack5中的optimization是用于配置优化相关的选项。它可以帮助你优化打包后的代码,提高应用程序的性能和加载速度。
以下是一个示例,展示了如何在webpack5中配置optimization:
```javascript
const TerserPlugin = require('terser-webpack-plugin');
module.exports = {
// ...其他配置项
optimization: {
minimize: true, // 是否启用代码压缩
minimizer: [
new TerserPlugin({
// TerserPlugin用于压缩JavaScript代码
terserOptions: {
format: {
comments: false, // 是否保留注释
},
},
extractComments: false, // 是否提取注释到单独的文件
}),
],
splitChunks: {
chunks: 'all', // 代码分割,将公共模块提取到单独的文件
},
},
};
```
上述配置中,我们使用了TerserWebpackPlugin来压缩JavaScript代码。通过设置minimize为true,启用代码压缩。minimizer选项用于配置具体的压缩插件,这里我们使用了TerserPlugin。通过设置splitChunks,我们可以将公共模块提取到单独的文件,以减少重复加载的代码。
请注意,以上只是一个示例配置,你可以根据自己的需求进行调整和扩展。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)