1

プロジェクトで gulp-sass を使用しようとしていますが、gulp タスクを実行すると、継続的にエラーが発生します。

「エラー: インポートするファイルが見つからないか読み取れません: コンパス/リセット」

私のgulpファイルは、現時点では非常に基本的なものです:

// Include gulp
var gulp = require('gulp'); 

// Include Our Plugins
var sass = require('gulp-sass')

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

ターミナルで「コンパスウォッチ」を使用してsassを正常にコンパイルできますが、gulpで実行したかったのですが、これにはかなり困惑しています。どんな助けでも大歓迎です。

4

1 に答える 1

0

「監視」タスクが設定されていないため、gulp ファイルは何も実行していません。sass 関数を実行する対象と、CSS を吐き出す場所以外は、gulp ファイルに何も指示していません。 .

監視機能を設定し（ファイルが変更されたときに何かが発生するように）、次にやりたいこと（縮小、展開、圧縮、ブラウザーのリロード）を設定してから、sass をラップし、呼び出されるタスクを監視する必要があります。端末から gulp を実行したときのデフォルトの機能。

利用可能なチュートリアルがたくさんあるので、あなたに役立つものを見つけることができます。ただし、gulp は開発環境や、動作が異なるさまざまな gulp-sass モジュールに非常に適していることがわかりました (たとえば、gulp-ruby-sass はグロビングが好きではないようで、多くの落とし穴があります)。

これは私の gulpfile のほんの一例ですが、注意してください。これは現在、sass に変数フォルダーをインポートする際にエラーをスローしています。

var gulp = require('gulp');
var sass = require('gulp-sass');
var maps = require('gulp-sourcemaps');
var livereload = require('gulp-livereload');
gulp.task('styles', function() {
    gulp.src('postercatalogue/sites/all/themes/postomega/sass/**/*.scss', {style:'expanded'})
    .pipe(sass({sourcemap: true}))
    .pipe(gulp.dest('./css'))
    .pipe(livereload());
    });
gulp.task('watch', function(){
    livereload.listen();
    gulp.watch('sass/**/*.scss',['styles']);
    });    
gulp.task('default',['styles','watch']);
于 2015-06-07T03:30:45.640 に答える