在koa2项目中使用sass/scss

前言

最近在使用node.js的框架koa2，选择使用scss写样式
sass和scss 在使用语法上有区别，sass的缩排语法，对于写惯css前端的web开发者来说很不直观，也不能将css代码加入到sass里面，因此sass语法进行了改良，sass 3就变成了scss(sassy css)。与原来的语法兼容，只是用{}取代了原来的缩进。

举例：
sass 语法：

    $font-stack: Helvetica, sans-serif  //定义变量
    $primary-color: #333 //定义变量
    
    body
      font: 100% $font-stack
      color: $primary-color

scss 语法：

    $font-stark Helvetica, sans-serif;
    $primary-color: #333;
    
    body {
      font: 100% $font-stack;
      color: $primary-color;
    }

编译出来的 css

    body {
      font: 100% Helvetica, sans-serif;
      color: #333;
    }

安装

参看sass官网 非常详细了
需要注意的是: 官网上说 由于 国内网络的问题导致gem源间歇性中断因此我们需要更换gem源