問題タブ [gulp-concat]

スタイルとスクリプトを連結してコンパイルするために、すべてがセットアップされ、機能しています。エラーが発生し、Mac 通知として、およびターミナルでエラーgulp-notifyをgulp-plumberスローし、gulp の実行が停止しない場合 - これは素晴らしいことです :)

ただし、ターミナルでスローされるスクリプト エラーscript-dist.jsは、実際の連結されたソース ファイルではなく、コンパイルされたファイルに常に問題があることがわかりました。

エラー

これでは、実際のエラーがどこから発生しているのかがわからないことに注意してください (_modal.js意図的にエラーを作成した連結ファイルの 1 つにあると表示されるはずです。

gulpfile.js

プロジェクトに次の階層を使用しています。

img フォルダー内にはグローバル イメージがあり、前述の各サブディレクトリにはローカライズされたファイルがあります。

gulp-rename プラグインを使用して、カスタム プレフィックス (GulpTest_) をファイル名に追加しています。ただし、内部に保存されているローカライズされたファイルには、サブディレクトリのフォルダー名も追加したいと考えています。

例:
src/img/de-de/file1.jpg の名前は GulpTest_de-de_file1.jpg に変更されます

現在、次のコードを使用して、サブディレクトリ内の各ファイルをソースし、GulpTest プレフィックスを追加しています。

「プレフィックス + サブディレクトリ + file.jpg」を連結するようにタスクを修正するにはどうすればよいですか?

ありがとう

いくつかのソースをマージするクイック gulp タスクを作成しました。既存の JS ビルド フォルダーからすべてをクリアすることから始め、次に AngularJS テンプレート キャッシュをビルドし、最後にアプリケーションで使用するためにファイルを縮小および連結しますが、gulp が実行される 4 回のうち 3 回は、エラーを示すエラーがスローされます。ビルド中にファイルまたはフォルダーが既に存在します:

ただし、このサブタスクを実行する前に、クリアによりすべてのファイルとフォルダーが削除されているはずです。

私が見逃したアイデアはありますか？または、このタイプのタスクを実行するためのより良い方法はありますか? 古いビルドを消去しないこと以外はうまく機能しているようです。

JavaScript ファイルを一緒にインクルード/連結できる Gulp プラグインはありますか?

ある JavaScript ファイルのコンテンツを他のファイルに「含める」方法を試しています。含めるとは、次のようなものを意味します。

次のように「コンパイル」します。

または、おそらくさらに良いのは、次のようなものです。

私はそれを行うプラグインを自分で作成しましたが、ソース マップを使用できるようにしたいと考えています。ソース マップを自分で実装するのは、この小さなプロジェクトに費やしたいと思うよりも少し手間がかかります。

のようなものを使用できることはわかっていますがgulp-concat、順序を制御する簡単な方法はありません。新しいファイルを追加するたびに gulpfile を変更し、それらすべてを手動で一覧表示する (または複雑なパターンがたくさんある) 必要があり、これはかなり面倒です。

インポートまたはインクルードを使用して、ファイルの移動先を正確に制御し、ビルド ツールではなくスクリプト自体から制御できるものが望ましいと思います。LESS または何かがそれを行う方法と非常によく似ています。

LESS の場合、独自のスタンドアロン ファイルを生成したくない場合は、サフィックス ファイルに「.import.less」という名前を付けてから@import、他のファイルの必要な場所に配置します。これにより、1 つの巨大なファイルを作成するだけでなく、必要なファイルのみを生成することが非常に簡単になります。