1、下载iconfont:https://iconfont.imweb.io/
我在这个网站随便下了几个,将文件解压缩之后直接放到app项目中,如右所示:(可放大)。
2、选中icon的预览html文件,快捷键ctrl+shift+c,在浏览器上预览是否正常显示
3、修改对应webpack.config.js 配置信息,如右所示:(可放大)。
如果正常显示将浏览器上面从app开头的路径复制:
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、执行打包命令
webpack