webpack使用css-loader?sourceMap导致font(eot、ttf)等无法加载问题

使用webpack的css-loader?sourceMap时,在.scss文件中@font-face字体后,经过webpack编译后,导致无法显示字体,原因大概是由于url的问题,有兴趣的同学请参考http://stackoverflow.com/questions/34133808/webpack-ots-parsing-error-loading-fonts/34133809#34133809。


解决办法:

在webpack.config.js配置文件中,添加publicPath绝对路径,如图:

webpack使用css-loader?sourceMap导致font(eot、ttf)等无法加载问题_第1张图片


补充:

如果不想使用publicPath为http请求这种方式,而是想用绝对路径方式如:/dist/,则需要把css-loader或者sass-loader?sourceMap的sourceMap去掉,这样字体就会正常加载了!



你可能感兴趣的:(webpack)