1 安装font-awesome字体:npm i -S font-awesome
-S:把依赖安装到depandencies中
-D:安装到devDependencies中
{
"name": "demo",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "webpack",
"start": "webpack-dev-server --config webpack.config.js"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"css-loader": "^2.1.1",
"file-loader": "^2.0.0",
"html-webpack-plugin": "^2.30.1",
"style-loader": "^1.1.3",
"url-loader": "^2.3.0",
"webpack": "^3.12.0",
"webpack-dev-server": "^2.11.5"
},
"dependencies": {
"font-awesome": "^4.7.0"
}
}
2 使用file-loader处理字体:
{
test: /\.(eot|svg|ttf|woff|woff2)$/,
use:['file-loader']
}
3 引入字体
import 'font-awesome/css/font-awesome.css'
4 使用字体
<i class="fa fa-rocket"></i>
5 测试:npm start