webpack中optimizationzhong的usedExports是做什么的
时间: 2024-03-05 12:53:08 浏览: 30
`optimization.usedExports` 是 Webpack 中的一个配置选项,用于标记哪些导出模块被使用了。它会在 Tree Shaking 时使用,用来剔除没有使用的代码。
在开启 Tree Shaking 时,Webpack 会分析代码依赖关系,将没有使用的代码从打包结果中剔除。如果没有正确配置 `optimization.usedExports`,Webpack 可能会将一些实际上有用的代码剔除掉。
`optimization.usedExports` 有两种配置方式:
1. 设置为 `true`,表示分析所有导出模块的使用情况。这种方式会导致打包速度变慢,但能够更准确地进行 Tree Shaking。
2. 设置为一个对象,可以配置哪些导出模块需要进行分析。比如:
```javascript
optimization: {
usedExports: {
// 对于名为 lodash 的模块,只分析其中的 join 方法
test: 'lodash/join',
// 对于名为 jquery 的模块,分析其中的所有方法
include: 'jquery',
// 对于名为 moment 的模块,排除其中的 parse 方法
exclude: [ 'moment', 'parse' ],
},
}
```
配置 `optimization.usedExports` 可以帮助我们更好地使用 Tree Shaking,将没用到的代码从打包结果中删除,减小打包体积,提高应用程序的性能。
相关推荐
![txt](https://img-home.csdnimg.cn/images/20210720083642.png)
![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)