問題タブ [gulp-sass]

Sassmeister に入力したときに配信されるこの出力が必要です。

しかし、代わりに私の出力は次のとおりです。

は疑似クラスであるため.brand-kampagne-klick( % で宣言してもextendでは機能しないと思います)、どのスタイルも適用されません。

私の入力は次のとおりです。

gulp-sass と sassmeister に違いはありますか? 私は使用します"gulp-sass": "~1.1.0",。

単一のタスクを使用して、sass から css ファイルを生成し、コメントを削除し、ソース マップを作成して縮小します。theme.components-md.scss ファイルの文字列を置き換えようとしています。

これが私の試みです：

しかし、それは機能していません。

Gulp -Compassを使用し ていて、CSS を縮小したいと考えています。

これを行うと、次のコード

次のように縮小されます。

この:nth-type部分はブラウザを混乱させるため、ux-panel-hidden読み取れません。

コードが縮小された JSFiddle

縮小されていないコードを含む JSfildde

tags-barとux-panel_scss ファイルが別々になっているため、縮小によってそれらがまとめられる理由がわかりません。

どうすれば修正できますか？

これが私のGulpコードです：

私はsass 3.4.14でうまく動作する次のコードを持っています

libsass 3.2 を使用するとうまく動作しませんが、sass-compatibility.github.io/ によると、ここで使用されるすべての文字列関数がサポートされるはずです。次のエラー メッセージが表示されます。

の引数は文字列$insertでstr-insert($string, $insert, $index)なければなりません

これを修正するにはどうすればよいですか? sass コンパイル時間の理由から、libsass に切り替えようとしています。

プロジェクトのgulpファイルを書いています。コードは以下のとおりです。

私がやろうとしているのは、*.scssファイルに変更があった場合にブラウザをリロードすることです。(私のpaths.styles.srcは'dev/assets/scss/**/*.scss')

しかし、最後のパイプは機能しません。次のような構成を配置した場合にのみ機能します。

オンラインのドキュメントは十分に明確ではないため、誰か説明してもらえますか。

どうもありがとう。

私は GULP を使用していますが、最初のページではすべて正常に動作します。別のページをリンクproject_1.html しましたが、何らかの理由でその JavaScript が機能していません。外部htmlファイルは新規リンクファイル以外はSassを認識しscrit2.jsます。何が原因でしょうか？ガルプファイルはこちら

私が含めた2番目のHTML

メインページにあるものと同じ

ここに私のワークフローの画像があります http://s8.postimg.org/dytbyze4l/111.png

SASS ファイルをコンパイルする際に問題が発生し、メインの scss ファイルに必要なものを分割してインポートしています。

以下を含むスタイルフォルダーがあります。

main.scss

top_menu.scss

main.scss にいくつかのインポートを追加しました。

私のgulp-sassタスクは次のようになります

paths.scss_files 変数は次のように設定されています。

scss_files: './src/assets/styles/**/*.scss'

タスクを実行すると、次のエラーが表示されます。

インポートするファイルが見つからないか読み取れません: top_menu

私は実際に自分のscssを別々の関連するサブフォルダーに分割してから、 @import: 'navigation\top_menu' のようなものを使用できるようにしたいと考えています。

なぜこのエラーが発生するのでしょうか?

ありがとう

編集：

compile_bower_sass タスクは、main.scss の @import 行からわかるように、必要な他のいくつかの scss ファイル (font-awesome、bootstrap、custom_bootstrap) をコンパイルします。

compile_sass タスクを実行して出力 (dist) フォルダーを確認すると、compile_bower_sass タスクから css ファイルが生成されていることがわかります (つまり、font-awesome.css、bootstrap.css、custom_bootstrap.min.css)。top_menu.scss ファイルもコピーされますが、コンパイルされないことに気付きました。これがエラーの原因だと思います。

タスクで順序を指定する必要があるので、main.scss を最後にコンパイルして、カスタムの top_menu.scss などの必要なファイルが最初にコンパイルされ、メイン ファイルがアクセスできるようにすることができますか?

編集2

わかりましたので、これはコンパイルの順序にかかっていたという私の考えは正しいと思います。

scss_files 変数を変更して、gulp-sass にパイプされる順序を明示的に設定すると (今回は、さらにフォルダーに整理しました)

これで、元の compile-sass タスクがそのまま機能します。

では、次の質問は、main.scss ファイルが最後にコンパイルされるように、gulp-sass をどのように構成すればよいかということです。それとも、私はこれをすべて間違った方法で行っていますか?

編集3：

最初にこの質問をするときに、おそらくこれらの追加のタスク構成を追加する必要がありました。したがって、compile_sass タスクでは、compile_bower_sass を最初に実行する必要があります。

私は今で終わっています

インポートするファイルが見つからないか読み取れません: font-awesome

私の dist スタイル フォルダーでは、font-awesome.css が生成されていることがわかります。私は gulp と sass のコンパイルにかなり慣れていないので、ここで何かを誤解していることは間違いありません。

@import ステートメントが使用されている場合、ファイルはその名前の scss ファイルまたは css ファイルを探していますか?