ie9上vue-cli打包的css加载不了

最近遇到一个问题，vue-cli和iview做的一个项目，在谷歌、火狐和ie10以上正常显示，但是在win7系统的ie9上页面样式乱掉，找了很久发现打包的app.css没加载进来。
原来ie9对单个的css文件有大小限制，不能超过250kb，超过的话会自动截取掉。这样的话截取的样式就出现问题，ie9页面样式加载不了。
解决办法：

npm install --save-dev  css-split-webpack-plugin

在webpack.prod.conf.js里

const CSSSplitWebpackPlugin = require('css-split-webpack-plugin').default;
...
plugins: [
...
 new CSSSplitWebpackPlugin({
        size: 4000,
        filename: 'static/css/[name]-[part].[ext]'
    }),
]

这样就可以将打包的css分割成两个

image.png

这样就完美解决问题。。。