Webpack字体语义ui

Question

我无法使用semantic-ui字体来处理webpack，我最终仍然找不到404错误。

显然，字体的输出路径会转到我的Web服务器的根目录 http://localhost/build/fonts/icons.woff2

我需要它 http://localhost/my_projet/build/fonts/icons.woff2

Answer 1

根据您所写的内容，这似乎是您可以使用webpack配置的内容。我知道有两种可能的方法可以做到这一点，但这取决于你的配置哪一个对你有好处，或者两者的组合能解决你的问题。

A）配置module.loaders file-loader（或url-loader＆＃39; s，它基于文件加载器）name使用完整路径的参数：

{
     test: /\.(woff|woff2|ttf|svg|eot)$/,
     loader: 'url-loader?name=/full/path/to/fonts/[name].[ext]'
}

B）使用output.publicPath

output: {
    filename: myProjectBundleFileName,
    publicPath: '/full/path/on/host'
},

如果使用公共路径，请不要包含字体加载器的完整路径：

{
     test: /\.(woff|woff2|ttf|svg|eot)$/,
     loader: 'url-loader?name=/fonts/[name].[ext]'
}

Answer 2

您的解决方案可能有效，但有了webpack，您可以这样做：

Encore.setPublicPath('your_project/path_of_your_build')