使用splitChunks将lodash axios进行单独拆分,其他的库放在libs缓存组中
时间: 2024-03-07 20:46:44 浏览: 26
你可以按照如下的方式,将 lodash 和 axios 单独拆分,将其他库放在 libs 缓存组中:
```javascript
optimization: {
splitChunks: {
cacheGroups: {
lodash: {
test: /[\\/]node_modules[\\/](lodash)[\\/]/,
name: 'lodash',
chunks: 'all',
},
axios: {
test: /[\\/]node_modules[\\/](axios)[\\/]/,
name: 'axios',
chunks: 'all',
},
libs: {
test: /[\\/]node_modules[\\/]/,
name: 'libs',
chunks: 'all',
priority: -10,
reuseExistingChunk: true,
},
},
},
},
```
在上面的代码中,我们首先使用 `test` 属性来匹配 lodash 和 axios 库。然后,我们使用 `name` 属性来指定生成的代码块的名称。最后,我们将这些代码块的 `chunks` 属性设置为 `'all'`,以在所有类型的块中使用它们。
然后,我们创建了一个名为 `libs` 的缓存组,它使用 `test` 属性匹配所有其他库。我们将 `priority` 属性设置为 `-10`,以确保 lodash 和 axios 代码块先于其他代码块生成。最后,我们将 `reuseExistingChunk` 属性设置为 `true`,以确保可以重用已经存在的代码块。