Gulp-sass 不会编译为 CSS

2023-12-02

我无法将 grunt-sass 编译为 .css。看过很多其他类似的帖子并使用了建议,但似乎没有任何效果。

我可以让其他插件正常工作(例如“del”来删除东西,如下所示),所以看来我的环境没问题,并且我可以让普通的 vanilla sass 编译/监视正常工作。

这是我的设置以防万一:

OS X 小牛队 10.9.5

$ ruby -v
ruby 2.0.0p481 (2014-05-08 revision 45883) [universal.x86_64-darwin13]

$ sass -v
Sass 3.4.9 (Selective Steve)

$ npm -v
2.1.12

$ brew -v
Homebrew 0.9.5

这是项目目录结构:

    ├── index.html
    │   
    ├── scss
    │    └── base.scss
    │          ├── _partial1.scss
    │          └── _partial2.scss
    │
    ├── assets
    │      └── css
    │           └── Nothing yet!
    │
    ├── deltest
    │    └── save.txt
    │
    ├── gulpfile.js
    │
    └── node_modules
         └── etc ...

这是我的 gulpfile.js:

var gulp = require('gulp');
var sass = require('gulp-sass');
var del = require('del');

gulp.task('gsas', function() {
    gulp.src('./scss/base.scss')
        .pipe(sass({ includePaths : ['./scss/'] }))
        .pipe(gulp.dest('./assets/css'))
});

del(['!deltest/save.txt', 'deltest/delete.txt'], function (err, deletedFiles) {
    console.log('Files deleted:', deletedFiles.join(', '));
});

gulp.task('default', function() {
    console.log('AAAAAAAAAAAAAAAARGH!');
});

谁能看出这里出了什么问题吗?


更新 - 相同的任务在 Windows 盒子上默默失败:

这是来自 windows box 测试的 gulpfile.js,我什至没有 @importing 任何部分(目录结构是exactly如任务设置所示,我直接从实际的插件示例中提取):

var gulp = require('gulp');
var sass = require('gulp-sass');
var del = require('del');

gulp.task('sass', function () {
    gulp.src('./scss/*.scss')
        .pipe(sass())
        .pipe(gulp.dest('./css'));
});

del(['delete/delete.txt', '!delete/save.txt'], function (err, deletedFiles) {
    console.log('Files deleted:', deletedFiles.join(', '));
});

gulp.task('default', function () {
    console.log("Made it!");
});

在这个例子中,我再次让“del”任务运行良好,但是 gulp-sass 却默默地失败了,这真的令人困惑。


如果你想要sass运行时要执行的任务gulp从命令行,将其添加为default task:

gulp.task('default', ['sass'], function() {
  //other stuff
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Gulp-sass 不会编译为 CSS 的相关文章

随机推荐