vue-cli使用scss

1、添加scss支持

       npm install sass-loader node-sass webpack --save-dev

2、在webpack.base.conf.js中添加loader

    {

        test: /\.scss$/,

        use: [{

            loader: "style-loader" 

        }, {

            loader: "css-loader"

       }, {

           loader: "sass-loader"

      }]

}

3、style中添加 lang='scss' (一定要单引号不然提示报错,找了好久才发现是用了双引号/::Q)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,231评论 0 21
  • Webpack学习总结 此文只是自己学习webpack的一些总结,方便自己查阅,阅读不变,非常抱歉!! 下载安装:...
    Lxs_597阅读 985评论 0 0
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,227评论 7 35
  • 时间匆忙完成,感觉叠色还是有一定难度,只是看着简单,渐变自然不太好把握!
    Cindy1209阅读 881评论 0 0
  • 我和我妈手机共用一个iCloud帐号, 前段时间我妈手机重装后,我们的通讯录就合并了。 刚才在公交车上,我爸打来电...
    RainyCai阅读 147评论 0 1