1, download IconFont: https://iconfont.imweb.io/
I just got a few this site, directly into the app project after unzip the file, as shown at right: (zoom).
2, select the icon preview html file, shortcut keys ctrl + shift + c, in the browser preview are normal
3, corresponding to webpack.config.js modify configuration information, shown to the right: (zoom).
If properly display the browser from the path above the beginning of the app copy:
plugins: [
new HtmlWebpackPlugin({
"filename": 'iconIndex.html',/* 会根据demo_fontclass.html模板,生成到public目录下,同时也会引用icon.js */
"template": __dirname + "/app/css/iconfont/demo.html"/* 别忘记是/app开头,我写成了app开头报错了 */
}),
new ExtractTextPlugin('[name].css'),
new CopyWebpackPlugin([{
from: __dirname + "/app/css",
to: "./css"
}]),
new CleanWebpackPlugin(),
],
4, performing a packing command
webpack