問題タブ [gulp-rename]

次のような LESS CSS ディレクトリ構造があるとします。

_main.lessディレクトリの各サブディレクトリでファイルを検索する Gulp タスクを作成しless/、これを gulp-less に渡し、出力を次のcss/ようにディレクトリに書き込みたいと思います。

_main.lessそのディレクトリに他のファイルが含まれているため、_main.lessファイルのみを解析する必要がありますが、出力ファイルにはそのディレクトリの名前が必要です。

これまでのところ、私はこれを持っています：

ただし、これにより、次のようなディレクトリ構造が作成されます。

しかし、それは私が望むものではありません。正規表現を使用してディレクトリ名を一致させ、これを var に戻し、matchesそれに応じてファイルの名前を変更することを考えていました。このようなもの：

このコードは単なる例です。このようなことを行う方法、またはそれが可能かどうかさえわかりません。

これは可能ですか？もしそうなら、どのように？

ストリーム内のファイルに gulp rename を使用しようとしています。これは私のコードです:

私は次の変換を得ることを望んでいました：

代わりに、私は得ました：

このコードの何が問題になっていますか? とにかく、代替手段は map 関数のようなものです。私はこれを見つけました: https://github.com/dominictarr/map-streamしかし、この必要性のためにそれを使用する方法がわかりません。

何を試しても、ファイルを自動リロードせずに gulp を実行できないようで、完了後にエラーが発生します。どんな助けでも大歓迎です。

OSX 10.10 を使用 (ただし、10.9 と同じ問題)
Sass: 3.4.7
Node: v0.10.33
Ruby: 2.0.0p481 (2014-05-08 リビジョン 45883) [universal.x86_64-darwin14]
npm: 1.4.28 gulp
: 3.8. 10

ここにgulpfileがあります

パッケージ.json

私は自分のプロジェクト用にテーマ システムをセットアップしようとしています。現在、スタイラスでテーマ ファイルを取り、theme\default.theme.styl色を格納する変数のみを含み、含まれている他のコンポーネント スタイル ファイル (例button.styl) に適用します。アイデアは、複数のテーマ ファイルを持つことができるということです。たとえばblue.theme.styl、red.theme.stylgulp は、コンポーネントのスタイリングに基づいて 2 つの個別の css ファイルを出力します。したがって、 とを 2 つの別個のファイルとして取得button.blue.stylします。button.red.styl

CLI を介してコンパイルするテーマを gulp に指示できるようにしたいので、gulp タスクをセットアップして「テーマ」のビルド オプションを取得し、gulp-rename を使用してテーマ名を出力ファイルに追加しています。 . しかし、複数のテーマ オプションを指定すると、gulp で複数のテーマ ファイルを出力することができません。

ビルド時にオプションを 1 つだけ指定すると、適切なテーマ スタイルでgulp --theme='blue'出力されるため、これは期待どおりに機能します。button.blue.cssしかし、複数のオプションを指定すると、適用された色として最後に含まれたテーマのファイル変数を持つgulp --theme='blue,red'名前のファイルが取得されます。button.blue,red.css

gulp と gulp-rename について私が理解していることから理解できますが、この時点でパイプを分割して 2 つの異なるファイルを取得できるようにしたいと考えています。実際にファイルを新しいディレクトリにコピーしたくありません。複数のストリームを手動で作成して連結するソリューションは満足のいくものではありません。テーマが 1 つしかない場合や 12 の場合があるためです。ビルド ファイルを編集して、新しいテーマを追加します。では、1 つのストリームから別々にコンパイルされた複数のファイルを取得するにはどうすればよいでしょうか?

ソースマップを生成する SASS ファイルを縮小するために、この Gulp 構成を使用すると奇妙な動作が発生します。

このスクリプトを初めて実行するとgulp、正しいものが生成さfull.min.cssれ、SASS ディレクトリの変更を待ちます。

SASS ファイル内の何かを変更すると、監視がトリガーされ、stylesタスクが再実行され、full.min.css.

フロントエンドに変更が見られますが、この縮小されたファイルは再構築のたびにどんどん大きくなります。

タスク内のソースマップを省略すると、正常にstyles動作するようです。full.cssファイルは常に問題ありません。

ここで何が欠けていますか？縮小版が次元を上げ続けるのはなぜですか?

を実行するgulp scriptsと、all.js と all.min.js の両方が縮小されてしまいます。なぜこれが起こるのか知っている人はいますか？

パスの基本部分を変更できるソリューションを探しています。「app/**/*.css」パターンで取得した「app/assets/theme/file.css」のようなパスがあり、それを「dist/assets/theme/file.css」に変換したいと思います.

今のところ、私は次のようなことをしています：

「dist/assets/theme/file.css」の代わりに「app/dist/assets/theme/file.css」が表示されます。「app/」部分を消去する方法が見つかりません。

どうすれば良い結果を得ることができますか (必要に応じて名前の変更または別のプラグインを使用)。

コード：

同じフォルダーに新しいファイルscript1.jsを作成していますが、圧縮されておらず、同じコピーです..