1、vue-cli 安装sass
a、npm install style-loader css-loader sass-loader --save-dev //(--save-dev == -D)
b、npm install node-sass --save-dev //(sass-loader 依赖于node-sass)
c、npm install extract-text-webpack-plugin --save-dev //(这个是webpack抽离css的插件,这个cli自带了,可以-v检查下)
d、在webpack.base.config.js 文件中
module:{
rule:[
{
test:/.scss$/,
loaders:["style","css","sass"]
}
]
}
e、使用 在.vue文件<style lang="scss" type="text/css" scoped></style> 内部写scss ,scoped 组件class模块化
2、安装font-awesome
a、npm install font-awesome --save
b、main.js 文件中 import ‘font-awesome/css/font-awesome.css‘
c、使用 在需要的地方 <span class="fa fa-xxx"></span>