Compass

最新推荐文章于 2021-08-03 16:13:14 发布

chentian888

最新推荐文章于 2021-08-03 16:13:14 发布

阅读量474

点赞数

分类专栏： web工业化技术文章标签： compass compass常用命 gulp监听comp gulp-compa

本文链接：https://blog.csdn.net/JSCTO/article/details/52971476

版权

web工业化技术专栏收录该内容

21 篇文章 0 订阅

订阅专栏

Compass

compass常用命令

命令	解释
compass create	创建新Compass项目
compass init	为已存在项目添加compass
compass clean	移除已生成的文件和缓存
compass compile	生成样式表文件
compass watch	监视sass文件并自动编译
compass stats	查看样式表统计数据
compass validate	验证生成的CSS文件

Gulp监听Compass

var gulp = require('gulp'),
    compass = require('gulp-compass'),
    mincss=require('gulp-minify-css');

gulp.task('css',function(){
    //编译css
    //压缩css
     gulp.src('./sass/*.scss')
        .pipe(compass({
          config_file: './config.rb',
          css: 'stylesheets',
          sass: 'sass'
        }))
        .pipe(mincss())
        .pipe(gulp.dest('stylesheets'));
});

gulp.task('watch',function(){
    gulp.watch('./sass/*.scss',['css'])
});

gulp.task('default',['watch'],function() {
  // 将你的默认的任务代码放在这
  console.log("task default");
});