今天在生产环境下，用ie访问项目时，出现css文件里class丢失的现象，导致页面式样变乱。
VUE-CLI4页面样式兼容IE11的解决办法
vue项目打包后在谷歌、火狐，但是在ie11上页面样式乱掉，有一部分样式没有加载进来。
原因：
IE11对单个的css文件有大小限制，单个css文件式样不能超过4096个，超过的话会自动截取掉。这样的话截取的样式就出现问题，IE11页面样式加载不了。
css-split-webpack-plugin插件的作用是将大尺寸的css再分割成多个css文件
安装插件css-split-webpack-plugin
npm install --save-dev css-split-webpack-plugin
在配置文件中加入
const CSSSplitWebpackPlugin = require('css-split-webpack-plugin').default;...plugins: [...new CSSSplitWebpackPlugin({size: 4000,filename: 'static/css/[name]-[part].[ext]'}),]
