webpack引用第三方图标、使用template模板打包

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