指南针没有编译sass到css

时间:2018-03-09 02:06:27

标签: css sass gulp compass

运行gulp之后sass文件没有编译成CSS。我检查了目录,看起来都很好。没有错误,gulp正在运行,好像src / styles目录中没有.SASS文件。 dist / css文件夹中没有生成任何内容。任何帮助,将不胜感激。谢谢 这是gulpfile.js

var gulp = require('gulp'),
    compass = require('gulp-compass');

gulp.task('compass', function () {
    return gulp.src('src/styles/main.sass')
        .pipe(compass({
            sass: 'src/styles',
            image: 'src/images',
            css: 'dist/css',
            generated_images_path: 'dist/images',
            sourcemap: true,
            style: 'compressed'
        }))
        .on('error', function(err) {
            console.log(err);
        });
});


gulp.task('default', function () {
    gulp.watch('./src/styles/**/*.sass', ['compass']);
    gulp.watch('./src/images/**/*', ['compass']);
});

my directory structure

root
 | 
 |
 +-- src
 |    |  
 |    +-- styles/sass
 |    +-- images
 | 
 +-- dist
      |  
      +-- css
      +-- images

1 个答案:

答案 0 :(得分:0)

通过将罗盘和sass安装为ruby gems并将ruby路径添加到环境变量中来解决此问题。