Vue-cli配置scss

一、安装对应依赖node模块：

1.npm install node-sass --save-dev

2.npm install sass-loader --save-dev

二、打开webpack.base.config.js在loaders里面加上：

在rules对象里添加以下代码

{

       test: /\.scss$/,

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

},

三、在用scss的地方写上：

<style lang="scss" scoped ></style>

推荐阅读更多精彩内容

  • webpack教程
    无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅，特此分享以备自己日后查看，也希望更多的人看到...
    小小字符阅读 7,982评论 7赞 35
  • [译]Webpack前端构建集成方案
    构建工具逐渐成为前端工程必备的工具，Grunt、Gulp、Fis、Webpack等等，译者有幸使用过Fis、Gul...
    陈坚生阅读 5,826评论 4赞 64
  • vue-cli中的webpack配置
    原文http://www.cnblogs.com/libin-1/p/6596810.html 版本号 vue-c...
    tengrl阅读 3,481评论 0赞 0
  • 520，你过了吗
    5月20号，这几年很受热捧的日子，“我爱你”的谐音，是否可以当成情人节或者是表白日？ 看新闻，520当天，民政局婚...
    砚磊阅读 144评论 0赞 1
  • js高三精炼 —— 引用类型（下）
    Function 函数是对象，函数名是指针 函数是对象，函数名是指针 函数是对象，函数名是指针 函数是对象，函数名...
    Angeladaddy阅读 252评论 0赞 0