React + And Design系统需要兼容IE9,引入babel-polyfill后,开发环境正常,生产环境上IE9样式缺失。
IE9上,原本写好的样式大多数都不见了,发现IE7、IE8、IE9对CSS大小有限制,其中IE9限制在250KB,正好系统中的打包完的CSS大小为790KB
// 引入css-split-webpack-plugin后将css文件进行切割,解决以上问题
var CSSSplitWebpackPlugin = require('css-split-webpack-plugin').default;
...
new CSSSplitWebpackPlugin({
size: 4000, // size: default: 4000 The maximum number of CSS rules allowed in a single file. To make things work with IE this value should be somewhere around 4000.
filename: 'static/css/[name]-[part].[ext]'
})