在vue中使用scss的配置的方法

1. 安装sass的依赖包

npm install --save-dev sass-loader//sass-loader

依赖于node-sass

npm install --save-dev node-sass

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

{

    test:/\.scss$/, 

    loaders: ['style','css','sass']

}


3. 在使用style标签的地方

<style lang="scss">

里面可以随便写sass语法 

然后npm run dev 

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

推荐阅读更多精彩内容

  • webpack介绍、配置、使用
    版权声明：本文为博主原创文章，未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 13,843评论 0赞 21
  • 【Hybrid开发高级系列】WebPack模块化专题
    1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 11,746评论 0赞 16
  • webpack知识点汇总
    写在前面的话 阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较...
    不忘初心_9a16阅读 8,448评论 0赞 17
  • 3.27.2018
    ‘所以說，平行時空和重疊宇宙是多麼溫柔的概念。所有的如果、早知道、未完成、遺憾和失去，都有了一個熨貼的棲身之所。’...
    什么事都叫我分心阅读 1,209评论 0赞 0
  • 5-1 大理石在哪
    大一刚入acm，相比于那些从中学甚至从小学就开始玩竞赛的acmer，我不知道差到哪里去了，但没关系，即使自己没有基...
    laochonger阅读 1,885评论 0赞 0