grunt-sass を .css にコンパイルできません。他の同様の投稿をたくさん見て、提案を利用しましたが、何も機能していないようです.
他のプラグインを正常に動作させることができます (たとえば、ここに示すものを削除するための「del」など)。私の環境は問題ないようで、通常のバニラ sass コンパイル/ウォッチを正常に動作させることができます。
念のため、私のセットアップは次のとおりです。
OSX マーベリックス 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 ボックス テストの gulpfile.js です。パーシャルを @import していません (dir 構造は、実際のプラグインの例から直接取り出したタスク セットアップに示されているとおりです)。
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 は黙って失敗し、本当に困惑しています。