sass - webpack bootstrap sass 字体网址

Question

我已将字体配置为放在 /fonts 文件夹中

{test: /\.(eot|svg|ttf)$/, loader: "file?name=fonts/[name].[ext]?[hash]"}

并且我的 sass 正在转换为 css 并提取到 /css 文件夹，如下所示

{test: /\.scss/, loader: ExtractTextPlugin.extract("style", "css!sass")}

和

new ExtractTextPlugin("css/styles.css", {
    allChunks: true
})

问题是，当我使用浏览器同步通过 Web 浏览器查看并从我的 /dist 文件夹中提供服务时，css 会尝试通过转到 /css/fonts 来加载字体。任何人都可以帮忙吗？

Answer 1

最后我只需要更新我的加载器在我的文件参数前面有一个 / 例如

{test: /\.(eot|svg|ttf)$/, loader: "file?name=/fonts/[name].[ext]?[hash]"}

代替

{test: /\.(eot|svg|ttf)$/, loader: "file?name=fonts/[name].[ext]?[hash]"}