使用splitChunks将axios lodash moment 分割成三个模块
时间: 2024-03-06 18:50:11 浏览: 32
你可以在webpack配置文件中的optimization选项中使用splitChunks来把axios、lodash和moment分割成三个独立的模块。
例如,可以使用以下代码将它们分割成三个模块:
```
optimization: {
splitChunks: {
cacheGroups: {
axios: {
test: /[\\/]node_modules[\\/]axios[\\/]/,
name: "axios",
chunks: "all"
},
lodash: {
test: /[\\/]node_modules[\\/]lodash[\\/]/,
name: "lodash",
chunks: "all"
},
moment: {
test: /[\\/]node_modules[\\/]moment[\\/]/,
name: "moment",
chunks: "all"
}
}
}
}
```
这里,我们使用了cacheGroups选项,它允许我们定义一组缓存策略。对于每个缓存组,我们可以指定一个test正则表达式,用于匹配需要分割的模块;一个name选项,用于指定分割后的模块名称;以及一个chunks选项,指定哪些模块应该被分割。
在这个例子中,我们使用了一个正则表达式来匹配axios、lodash和moment模块,并将它们分割成名为axios、lodash和moment的三个独立模块。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.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)