問題タブ [gulp-sass]

今日、私は Google Web Starter Kit についてもっと学ぼうとしたので、これらの指示に従い、多くの戦いと問題の後、ローカル サーバーを起動しようとしました (最初に確認するタスクは次のとおりです: $ gulp serve.)。このエラーを受け取りました:

C:\gwsk>一口サーブ

正直なところ、私はここで完全に迷っているので、どんな助けも大歓迎です。私はnode.jsが初めてで、ぐるぐるするのに、GWSKを試してみたいと思っていましたが、頭痛の種になりました:(...私は開発者ではなくWebデザイナーです....

clean-css を使用して scss ファイルを縮小し、便利な sourceMap ファイルを取得しようとしています。

私の現在のgulp-taskは次のとおりです。

このセットアップを実行すると、次のエラーが表示されます。

ダミーのファイル パスを追加する (または でアサーションを削除するnode_modules/vinyl-sourcemaps-apply/index.js:32:13)) と、ソース マップが生成されますが、元のファイル (つまり、gulp-sass がコンパイルした scss ファイル) が認識されず、代わりにすべてのソースが「stdin」仮想にマップされます。ファイル。

clean-cssによって処理されたマップされたソースの場所を認識するにはどうすればよいgulp-sassですか?

Gulp の gulp-ruby-sass を使用して CSS ファイルを生成しています。open-sans.scss の変数を上書きできません。コードは次のとおりです。

gulpfile.js

app/assets/_variables.scss

app/assets/vendor/open-sans-fontface/sass/_variables.scss

app/assets/vendor/open-sans-fontface/sass/_variables.scss

gulp-sass を使用して、.scss ファイルを含めることができます@import 'filepath.scss';

しかし、通常の css ファイルを でインポートしようとすると、実際にコードをインポートするのではなく、出力 css ファイルに@import 'filepath.css'import 行を追加しただけです。import url(filepath.css);

CSS ファイルと SCSS ファイルをインポートするにはどうすればよいですか? バウアーからファイルを含めるためにこれを行いたいです。

これが私のgulp関数です：

たとえば、上記datatables/media/css/jquery.dataTables.cssのbowerディレクトリに相対的なデータテーブルを含めたいとします。

だから私のapp.scssファイルには@import 'datatables/media/css/jquery.dataTables.css';

gulp-sass を使用してこれを行うことができない場合、他にどのように行うことができますか?

scss ファイルを監視して、変更されたときにのみ再コンパイルしようとしています。デプロイを容易にするために、gulp-sass の代わりに gulp-ruby-sass を使用したいと考えています。

私はこれをしたいのですが、タスクは「依存関係が見られます」でハングします

スクリプトは、vanilla gulp.src を使用すると機能します

gulp-ruby-sass の代わりに gulp-sass を使用した場合にも機能します

これは、gulp-watch と gulp-ruby-sass の間の相互作用に問題があることを示しています。何か案は？