美文网首页
在vue中使用scss

在vue中使用scss

作者: haha2333 | 来源:发表于2019-08-10 14:40 被阅读0次

    1.安装sass的依赖包

    npm install --save-dev sass-loader
    //sass-loader依赖于node-sass
    npm install --save-dev node-sass
    

    这两个包似乎有依赖关系,需要先安装sass loader再安装node-sass

    2.在build文件夹下的webpack.base.conf.js的rules里面添加配置

    {
      test: /\.sass$/,
      loaders: ['style', 'css', 'sass']
    }
    

    3.使用,style首行加入lang="scss"

    <style lang="scss" scoped>
    $highlight-color: #F90;
    .hello {
      width:100px;
      height:100px;
      border: 1px solid $highlight-color;
    }
    

    相关文章

      网友评论

          本文标题:在vue中使用scss

          本文链接:https://www.haomeiwen.com/subject/eydrjctx.html