【转载】在使用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如下：

开始运行npm run build，有一个错误来的措手不及！

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

3.安装node-sass

npm install node-sass@latest

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

 

更新 ：安装node-sass 执行的是

cnpm install sass-loader --save;
cnpm install node-sass --save;

前提是安装npm 的时候用的淘宝的镜像

 

至此，可以随意使用font-awesome图标库了！

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