解决ie兼容性问题

今天在生产环境下，用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]'
    }),
]