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
里引入了即可