問題タブ [gulp-uglify]

ここapp/folder1/には3 つの angularjs ファイル (コントローラー、サービス、ファクトリー)が含まれています。を使用して'task1'、すべての html ファイルを「templates.js」に結合しています。では'task2'、3 つの angularjs ファイルと 1 つの templates.js ファイルを 1 つのファイルに結合する必要があります。

しかし、「task2」では、システムは 3 つの angularjs ファイルしか読み取っていません。「task2」を個別に実行すると、システムは 4 つのファイルを結合しています。

コマンドを実行すると、 templates.jsファイルgulpが結合されません。

を実行するgulpと、gulp task2期待どおりに動作しています。

どうした？

Gulp を実行して CSS、JS を縮小し、すべての静的なもの ( template、font、img) をbuildフォルダーに移動しようとしています。

私のプロジェクトのディレクトリ構造:

私のgulpfile.js：

実行するとgulp、またはgulp watchこのエラーが発生します。

どうすればこれを修正できますか?

gulp を使用して、 gulp -concatとgulp-uglifyを使用して単一の JavaScript ファイルを作成しています。

元のファイル

これらのファイルが間違った順序で連結されているため、Gulp は不適切な縮小ファイルを返します。順序を指定できることはわかっていますが、.src([])JavaScript ファイルを追加するときに配列を維持したくありません。

連結されたファイルの順序を気にせずに、これらの「名前空間」への参照を作成する方法はありますか? または、gulp がこれらの名前空間を自動的に認識して連結を処理する方法はありますか?

編集：

内でファイルの順序を指定できることはわかっています.src([])。gulp パッケージでも JavaScript フレームワークでも、ファイルの順序を気にせずに開発したい。役立つ回答をありがとうございますが、決定的な「いいえ。これはできません」が必要です。または「はい。方法は次のとおりです...」を選択して、スレッドに回答済みのマークを付けます。

gulp vendorScripts --production を実行すると vendor.min.js のみがコンパイルされますが、gulp vendorScripts --dev を実行すると vendor.js と vendor.min.js がコンパイルされます

dist フォルダー内の両方のファイルをコンパイルしたい。どのような問題が発生しましたか?

複数のプラグインを含む git リポジトリがあります (1 つのメイン プラグインと、メイン プラグインでのみ動作することを意図した複数のプラグイン)。bower は git リポジトリごとに複数のプラグインを持つ方法を提供していないため、私は配布にこのアプローチを使用しています。

したがって、各プラグインを縮小し、各プラグインのソースマップを作成し、各プラグインを git サブモジュールに対応する個別の配布フォルダーにドロップする必要があります。慣例により、簡単にするためにプラグインと同じ名前を付けています。これをすべて 1 つのステップで実行する次の Gulp スクリプトを思いつきました。これは主に、ここで見つけた回答に基づいています。

1つのことを除いて、私が望むことを正確に実行します。プラグインごとに生成されるソースマップ ファイルには、パスにサブディレクトリが含まれます。プラグインの最終的な宛先にはこのパスが含まれないため、これは無効です。

jquery.dirtyforms.min.js.mapファイル内:

する必要があります

そしてjquery.dirtyforms.min.jsファイルで：

する必要があります

gulp-sourcemaps のソースを調べて、ファイル名をオーバーライドするオプションを見つけようとしましたが、ないようです。

これに対して私が思いついた2つの可能な解決策は次のとおりです。

1. 正規表現を使用して各ファイルを置換します
2. でファイルを生成し、生成distributionFolder後に正しいサブフォルダーに移動します。

しかし、これらは両方ともハックのようです。そもそもストリームがそれらを正しく作成した方がよいでしょう。そうする方法はありますか？