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

1.全局安装

    npm install node-sass -g

2,检查是否安装成功

    node-sass -v

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



评论