テンプレートテンプレートパッケージを使用してサードパーティのアイコンにWebPACKの参照、

1、ダウンロードIconFont:https://iconfont.imweb.io/

:右図のように私は、ファイルの解凍後、直接アプリのプロジェクトに、いくつかのこのサイトを得た(ズーム)。

図2に示すように、アイコンプレビューHTMLファイルを選択し、ショートカットキーがCTRL +シフト+ C、ブラウザプレビューで正常です

図3に示すように、右に示すwebpack.config.js変更設定情報に対応する:(ズーム)。

きちんとした場合は、表示され、アプリの先頭上記のパスからブラウザをコピー:

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

 

公開された237元の記事 ウォン称賛52 ビュー15万+

おすすめ

転載: blog.csdn.net/Sicily_winner/article/details/104102304