如何使用Webpack生成並提供favicons？

所以我有一個普遍的陣營項目設置，以及要爲網站圖示其中服務器端呈現的Html.js組件。如何使用Webpack生成並提供favicons？

我感興趣的使用this package，因爲它似乎自動自動彈開網站圖標的30多個大小不同。

這是我到目前爲止已經完成：

Html.js：

... 
import faviconUrl from 'universal/images/favicon.png' 

<html> 
    <head> 
    <link rel='icon' href={faviconUrl} /> 
    </head> 
</html>

webpack.config.js：

... 
plugins: [ 
    new FaviconsWebpackPlugin({logo:'universal/images/favicon.png', inject: true}) 
]

然而，當我建立做npm start，我得到這個錯誤：

[Error] SyntaxError: /universal/images/favicon.png: Unexpected character '�' (1:0) > 1 | �PNG

顯然的WebPack是沒想到的是進口是一個二進制文件，但是爲什麼呢？任何意見或建議，簡單的方法來獲取圖標將不勝感激。

如果你碰巧有_HtmlWebpackPlugin_在你的堆棧，有一個[配置設置（https://github.com/ ampedandwired/html-webpack-plugin＃配置）的favicons。 – Season

你必須使用url-loader和loaders部分設置它，如：

{ 
    test: /\.(png|jpg|jpeg|gif|svg|woff|woff2|eot|ttf|otf)$/, 
    loader: 'url', 
    query: { 
     name: '[path][name].[ext]' 
    } 
},

2016-10-01 06:54:23

回答