如何使用sass 编辑静态html网页

1.全局安装

2，检查是否安装成功

3.node-sass使用中的相关指令

// 相关操作
node-sass -w -r <源文件夹> -o <目标文件夹> --output-style <编译风格>  //它只会跟踪同名文件，没有则新建

-w, --watch                //监听
-r, --recursive            //递归地查看目录或文件
-o, --output               //输出目录

// SASS提供四个编译风格
nested          // 嵌套缩进的css代码，它是默认值。
expanded        // 没有缩进的、扩展的css代码。
compact         // 简洁格式的css代码。
compressed      // 压缩后的css代码。

# 生产环境当中，一般使用最后一个选项。

// 单文件操作实例
node-sass -w sass/a.scss css/a.css

// 多文件操作实例
node-sass -w -r sass -o css --output-style expanded