webpack bootstrap sass 字体 url

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 文件夹（其中包含上面提到的 2 个文件夹）提供服务时，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]"}

webpack bootstrap sass fonts url