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>

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

推荐阅读更多精彩内容

  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,226评论 7 35
  • 构建工具逐渐成为前端工程必备的工具,Grunt、Gulp、Fis、Webpack等等,译者有幸使用过Fis、Gul...
    陈坚生阅读 6,049评论 4 64
  • 原文http://www.cnblogs.com/libin-1/p/6596810.html 版本号 vue-c...
    tengrl阅读 3,691评论 0 0
  • 5月20号,这几年很受热捧的日子,“我爱你”的谐音,是否可以当成情人节或者是表白日? 看新闻,520当天,民政局婚...
    砚磊阅读 198评论 0 1
  • Function 函数是对象,函数名是指针 函数是对象,函数名是指针 函数是对象,函数名是指针 函数是对象,函数名...
    Angeladaddy阅读 356评论 0 0