运行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

最佳答案

通过将指南针和无礼的东西安装为红宝石宝石并向环境变量添加红宝石路径,可以解决此问题。

关于css - compass 未将sass编译为CSS,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/49185554/

10-11 23:28
查看更多