nodejs编译sass模块包 node-compass，与gulp包gulp-sass使用方法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了nodejs编译sass模块包 node-compass，与gulp包gulp-sass使用方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含959字，纯文字阅读大概需要2分钟。
内容图文
简介：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‘);
2var sass = require(‘gulp-sass‘);
3 4 gulp.task("sass", function() {
5return gulp.src("test/*.scss")
6 .pipe(sass().on("error", sass.logError))
7 .pipe(gulp.dest("public/css"));
8});
910 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不是，你必须在网页里
原文：http://www.cnblogs.com/hamsterPP/p/5695989.html
内容总结
以上是互联网集市为您收集整理的nodejs编译sass模块包 node-compass，与gulp包gulp-sass使用方法全部内容，希望文章能够帮你解决nodejs编译sass模块包 node-compass，与gulp包gulp-sass使用方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。