Webpack字體semantic-ui

Question

我無法使用semantic-ui字體來處理webpack，我仍然以404找不到錯誤結束。

顯然，字體的輸出路徑去我的Web服務器的根目錄 http://localhost/build/fonts/icons.woff2

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

Answer 1

您的解決方案可以工作，但安可的WebPack你可以這樣做：

Encore.setPublicPath('your_project/path_of_your_build') 

Answer 2

從你寫的這個似乎有什麼東西你可以配置的WebPack。我知道有兩種可能的方法可以做到這一點，但是這取決於你的配置哪一個對你有好處，或者兩者的結合能夠解決你的問題。使用

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

B）：

A）配置module.loaders file-loader的（或URL裝載機，這是基於文件的加載程序）name參數以使用全路徑output.publicPath

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

如果使用公共路徑，不包括字體加載程序的完整路徑：

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