css-split-webpack-plugin插件的作用是将大尺寸的css再分割成多个css文件
安装插件css-split-webpack-plugin
npm i css-split-webpack-plugin
在webpack.prod.conf配置css-split-webpack-plugin插件,官方要求如下:
const CSSSplitWebpackPlugin = require('css-split-webpack-plugin').default;
...
plugins: [
...
new CSSSplitWebpackPlugin({
size: 4000,
filename: 'dist/css/[name]-[part].[ext]'
}),
...
]