【转载】在使用vue+webpack模版创建的项目中使用font-awesome

1.安装依赖包

npm install font-awesome-loader less less-loader css-loader style-loader file-loader font-awesome -save

2.配置font-awesome-loader

打开项目目录build/webpack.base.conf配置font-awesome-loader如下:



【转载】在使用vue+webpack模版创建的项目中使用font-awesome

开始运行npm run build,有一个错误来的措手不及!【转载】在使用vue+webpack模版创建的项目中使用font-awesome

还好,根据错误提示运行安装一下node-sass,所以:

3.安装node-sass

npm install [email protected]

此时,再执行npm run build时终于看见梦寐以求的效果,打包成功了。部署后运行也成了。

 

 

【转载】在使用vue+webpack模版创建的项目中使用font-awesome

 

至此,可以随意使用font-awesome图标库了!

转载自https://www.jianshu.com/p/9fef6d040ac7