分割node_modules
时间: 2023-06-28 15:14:22 浏览: 39
在 Webpack 中,可以使用 `SplitChunksPlugin` 插件来分割 `node_modules`,以便减小打包后的文件体积。具体步骤如下:
1. 在 `webpack.config.js` 中引入 `SplitChunksPlugin`:
```javascript
const webpack = require("webpack");
```
2. 在 `optimization` 配置中添加 `splitChunks`:
```javascript
module.exports = {
// ...
optimization: {
splitChunks: {
chunks: "all",
minSize: 30000,
maxSize: 0,
minChunks: 1,
maxAsyncRequests: 5,
maxInitialRequests: 3,
automaticNameDelimiter: "~",
name: true,
cacheGroups: {
vendors: {
test: /[\\/]node_modules[\\/]/,
priority: -10
},
default: {
minChunks: 2,
priority: -20,
reuseExistingChunk: true
}
}
}
}
// ...
};
```
其中,`test` 属性的正则表达式用于匹配 `node_modules` 中的文件。
3. 在 `plugins` 中添加 `SplitChunksPlugin`:
```javascript
module.exports = {
// ...
optimization: {
// ...
},
plugins: [
// ...
new webpack.optimize.SplitChunksPlugin()
]
};
```
这样,就可以通过 `SplitChunksPlugin` 插件来分割 `node_modules` 中的文件了。