码迷,mamicode.com
首页 > 其他好文 > 详细

vue-cli 安装sass 和 font-awesome

时间:2019-01-17 23:53:23      阅读:273      评论:0      收藏:0      [点我收藏+]

标签:nod   模块化   post   文件中   文件   css   class   ==   地方   

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>

vue-cli 安装sass 和 font-awesome

标签:nod   模块化   post   文件中   文件   css   class   ==   地方   

原文地址:https://www.cnblogs.com/rhyheart/p/10284901.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!