javascript - webpack中如何引入Font Awesome
本文介绍了javascript - webpack中如何引入Font Awesome的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
webpack中如何引入Font Awesome
步骤能具体点就好
https://npm.taobao.org/package/FontAwesome-webpack
这个站上说的不清楚
还是没有效果了。
解决方案
根据多次反馈，现修正如下：
安装font-awesome-webpack，及其依赖:
npm install font-awesome-webpack less less-loader css-loader style-loader file-loader font-awesome 配置webpack.config.js
'use strict';
module.exports = {
entry: {
index: './main.js'
},
output: {
path: './',
filename: 'bundle.js'
},
module: {
loaders: [
{
test: /\.(eot|svg|ttf|woff|woff2|png)\w*/,
loader: 'file'
}
]
}
};JavaScript入口文件引入：
require('font-awesome-webpack');html里引入bundle.js:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i>
<script src="bundle.js" charset="utf-8"></script>
</body>
</html>如果你用了ExtractTextPlugin，确定你额外生成的css文件也在html里引入了即可
这篇关于javascript - webpack中如何引入Font Awesome的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
