在 ie9 下加载不到样式的问题-兼容ie

[xiangkun123]

在 ie9 下，配置了 babel-polyfill，和 require('es6-promise').polyfill()，控制台没报错，但是在 ie9 下样式全乱了，在 chrome，firefox 下显示正常，没找到解决方法。想请问一下，是 ie9 不兼容 elementUI 样式还是我的配置有问题？有什么解决方法吗？

[PanJiaChen]

看一下是不是svg兼容性的问题

[xiangkun123]

你的意思是由于 svg 图片兼容性问题导致样式加载不了？svg 兼容性应该只会影响 svg 的样式吧，对样式的加载也有影响吗？
另外，我试了下，如果将 views/login/index.vue 里写的样式都移到 styles/index.scss 中，ie9 下样式可以加载出来；但是写在 index.vue 中的样式就不会加载；

移到 styles/index.scss 中：

写在 index.vue 中：

[PanJiaChen]

看着像 vue 的 css scoped 有问题，我晚点找一台windows看一下。

[Omnithyn]

问题解决了么？同样的问题

[PanJiaChen]

@yyf365 ie什么版本？什么渲染模式？

[xiangkun123]

@yyf365 hi，我当时就是样式直接拉到 styles/index.scss 中来解决的，不过可能有部分图标编辑器用不了，目前没找到更好的解决方案

[dawayway]

我们项目用的这一方法兼容IE
第一步：cnpm i babel-polyfill -S
第二步：在main.js 的第一行加上
import 'babel-polyfill' // 兼容 IE8
import Vue from 'vue'
..........
第三部：在webpack.base.conf.js中，
{
test: /.js$/,
loader: 'babel-loader',
include: [
resolve('src'),
resolve('test'),
resolve('/node_modules/webpack-dev-server/'),
resolve('node_modules/webpack-dev-server/client'),
resolve('node_modules/element-ui/src'),
resolve('node_modules/element-ui/packages'),
resolve('node_modules/_element-ui@2.0.8@element-ui/src'),
resolve('node_modules/_element-ui@2.0.8@element-ui/packages')
]
},
希望对你有用

[GabbyMrH]

请问新版的webpack.config.js 在哪呢

[idlesysman]

@xiangkun123 样式无法加载的问题解决了，兄弟们

[idlesysman]

找了15个小时才找到原因——原来是因为element-ui的css太大了引起的。测试了N久，发现splitChunks的maxSize对css不生效，不知道是不是因为不能拆分的原因。