使用webpack,使用最基础的css module加载器,iconfont在ie8中不渲染

我使用webpack2,然后使用基础的css-loader,css文件中有@font-face直接引入阿里的iconfont,在其他浏览器下均没有问题。

在ie8中,就不渲染。icon的资源我并没有使用任何加载器,就远程引入,不是下载到本地打包的。

不用webpack之前都能用,大家用webpack做项目的时候,ie8下iconfont正常么?真的是百度谷歌翻烂了,sf上有个类似问题,但也没有人回答,而且都很久以前的了。哪位前辈能指点一二?多谢了。

阅读 5.3k
3 个回答

自行找到问题的所在。由于EOT文件会受到同源策略的印象,而我之所以打不开,是因为我用webpack打包后生成的静态文件直接打开,而没有起服务器。。。就那么简单=- =

经过测试,IE8下是可以正常使用iconfont的。
但是经过webpack2打包后,由于有一句return t.default,在IE8下会直接爆出SCRIPT1010: 缺少标识符的错误,因为default是js的保留字符。[虽然这里什么关系都没有,但是还是会被IE8干掉]
sf上有一个用webpack兼容IE相关的文章可以看看https://segmentfault.com/a/11...

@font-face {
font-family: 'iconfont';  /* project id 379613 */
src: url('.eot?#iefix'); //兼容IE6-8
src: url('.eot') format('embedded-opentype'), //兼容IE9及以上,但是其实IE9以上已经兼容woff字体
url('.woff') format('woff'),
url('.ttf') format('truetype'),
url('.svg#iconfont') format('svg');
}

我用的1版本

推荐问题
宣传栏