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