1
所以我有一个普遍的阵营项目设置,以及要为网站图示其中服务器端呈现的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