在vue项目当中使用sass

Posted 无情码字员

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在vue项目当中使用sass相关的知识,希望对你有一定的参考价值。

需要分别安装node-sass 和 sass-loader;可以不需要ruby;

webpack当中配置

{
    test: /\.vue$/,
    loader: vue-loader,
    options: {
      loaders: {
        scss: style-loader!css-loader!sass-loader
      }
    }
 }

使用的时候要记得在style当中加lang="scss"

 

以上是关于在vue项目当中使用sass的主要内容,如果未能解决你的问题,请参考以下文章

解决项目中 sass 和 less并存需要统一的问题

vue 项目中使用sass

脚手架搭建的vue2项目中使用sass

vue项目中引入Sass

vue - sass 的安装

vue2.0 项目 使用sass