nodejs编译sass模块包 node-compass，与gulp包gulp-sass使用方法

标签：

简介：node express或者就是node项目中，要自动编译sass方法很多，比如gulp 比如考拉，比如今天我想说的这个包node-compass。

• 方法一： 命令行编译sass:
• 方法二：gulp-sass
• 方法三：node-compass

方法一： 命令行编译sass:

1 compass compile

回车确认即可生成对应的css代码

方法二：gulp-sass

1.前提条件：

电脑中安装有ruby,

项目中已经安装与配置好基本的gulp（配置与安装本文不介绍。gulp基本用法也不介绍）

2.下载gulp-sass包：

npm install gulp-sass --save-dev

3.基础用法：

在你的gulpfile.js中加入以下代码：

 1 var gulp = require(‘gulp‘);
 2 var sass = require(‘gulp-sass‘);
 3 
 4 gulp.task("sass", function() {
 5     return gulp.src("test/*.scss")
 6         .pipe(sass().on("error", sass.logError))
 7         .pipe(gulp.dest("public/css"));
 8 });
 9 
10 gulp.task(‘watch‘, function () {
11     gulp.watch("public/sass/*.scss", ["sass"]);
12 });

解释：头两句引入模块，没啥可说的吧。

第5句：gulp.src() 里面参数为你的sass文件，比如"test/a.scss"--表示自动编译test文件夹下的a.scss。如果需要编译该文件夹下的所有scss文件，则用*表示：test/*.scss.

第6句： 照着写

如果你用过gulp或者考拉等的自动编译sass，那你一定清楚：当你写完一句sass后，基本是同时的会生成对应的css代码。但是node-compass不是，你必须在网页里

nodejs编译sass模块包 node-compass，与gulp包gulp-sass使用方法

标签：

原文地址：http://www.cnblogs.com/hamsterPP/p/5695989.html