Gulp-sass不会编译成CSS [英] Gulp-sass will not compile to CSS

问题描述

我无法将grunt-sass编译为.css。看到了一些其他类似的帖子和使用建议的负载，但似乎没有工作。

我可以让其他插件工作正常（例如'删除'删除的东西，显示这里）所以看起来我的环境是好的，我可以得到普通的香草sass编译/监视工作正常。

以下是我的设置以防万一：

OSX Maverics 10.9.5

  $ ruby​​ -v 
 ruby​​ 2.0.0p481（2014-05-08修订版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 
│
├──资产
│└──css 
│└──什么都没有！ 
│
├──测验
│└──save.txt 
│
├──gulpfile.js 
│
└─ ──node_modules 
└──etc ... 
  

这是我的gulpfile.js：

  var gulp = require（'gulp'）; 
 var sass = require（'gulp-sass'）; 
 var del = require（'del'）; 
 $ b gulp.task（'gsas'，function（）{
 gulp.src（'./scss/base.scss'）
 .pipe（sass（{includePaths： ['./scss/']}））
 .pipe（gulp.dest（'./ assets / css'））
}）; 
 $ b del（['！deltest / save.txt'，'deltest / delete.txt']，函数（err，deletedFiles）{
 console.log（'Files deleted：'， deletedFiles.join（'，'））; 
}）; 
 
 gulp.task（'default'，function（）{
 console.log（'AAAAAAAAAAAAAAAARGH！'）; 
}）; 
  

任何人都可以看到这里有什么问题吗？

< hr>

已更新 - 执行相同的任务时会在Windows窗口中静默失败：

以下是gulpfile .js从窗口框测试，我甚至不@importing任何partials（目录结构正如所示的任务设置，我直接从实际的插件示例中所示）： p>

  var gulp = require（'gulp'）; 
 var sass = require（'gulp-sass'）; 
 var del = require（'del'）; 
 $ b gulp.task（'sass'，function（）{
 gulp.src（'./ scss / *。scss'）
 .pipe（sass（））
 .pipe（gulp.dest（'./ css'））; 
}）; 
 $ b del（['delete / delete.txt'，'！delete / save.txt']，function（err，deletedFiles）{
 console.log（'Files deleted：'， deletedFiles.join（'，'））; 
}）; 
 $ b $ gulp.task（'default'，function（）{
 console.log（Made it！）; 
}）; 
  

在这个例子中，我得到'del'任务运行良好但gulp-sass失败如果你想让 sass 任务成为可能，那么这个任务就会变得非常困难。

从命令行运行 gulp 时执行，将它添加为默认任务的依赖项：

  gulp.task（'default'，['sass']，function（）{
 //其他东西
}）; 
  

I'm not able to get grunt-sass to compile to .css. Have seen a load of other similar posts and utilized suggestions but nothing seems to work.

I can get other plugins working fine (for example 'del' to delete stuff, shown here) so it seems my environment is ok, and i can get ordinary vanilla sass compile/watch to work fine.

Here's my setup just in case:

OSX Maverics 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

Here's the project directory structure:

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

Here's my 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!');
});

Can anyone see what is wrong here?

---

UPDATED - with same task silently failing on a windows box:

Here's the gulpfile.js from the windows box test and I'm not even @importing any partials (the dir structure is exactly as shown in the task setup, which i pulled straight from the actual plugin example):

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!");
});

In this example again I'm getting the 'del' task to run fine but gulp-sass fails silently and it's really baffling.

解决方案

If you want the sass task to execute when you run gulp from the command-line, add it as a dependency of the default task:

gulp.task('default', ['sass'], function() {
  //other stuff
});

这篇关于Gulp-sass不会编译成CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！