問題タブ [gulp-concat]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
gulp - コードの繰り返しを減らすために同様の gulp タスクをバッチ処理する方法
複数のディレクトリの変更を監視し、指定された複数の宛先への連結を作成する gulp ファイルを作成しました。
これが私のプロジェクト構造の簡略版です。
one/とtwo/の 2 つのサイト フォルダーがあります。
各サイトには、a /とb/の2 つのブランチ フォルダーがあります。
各ブランチ内には、 inner/、outer/、web/の3 つのフォルダーがあります。
私の仕事は、内部フォルダーと外部フォルダーから同様のパーツ ファイルを取得し、それらを関連する Web フォルダーに連結することです。以下は、必要な出力の簡単な例です。
サイト固有の構成を保持するconfig.jsonファイルを作成しました。現在、サイト パスのカスタマイズにのみ使用しています。ここにconfig.jsonがあります
最後にgulpfile.js です
上記のgulpファイルは機能し、仕事をします。ただし、ご覧のとおり、ほとんどのコードが繰り返されています。変更されているのは、タスク名に加えて、gulp.src と gulp.dest だけです。
私の質問はです。この gulp ファイルを単純化することは可能でしょうか。そのため、すべてのタスクに対してコードを繰り返す代わりに、同様のタスクをまとめてバッチ処理することができます。
gulp - Gulp で同じファイルを 2 回処理するにはどうすればよいですか?
私は gulp を使用して、一連の sql ファイルをすばやく連結しています (聞かないでください)。
私が抱えている問題は、gulp が GenericHeader.sql ファイルを 1 回だけ処理し、2 回目の出現でそれを無視することです。
デフォルトの動作をオーバーライドして、gulp に GenericHeader.sql をもう一度含める方法はありますか?
javascript - Gulp-uglify ラップ JS
次のような一気飲みのタスクがあります。
この gulp タスクは以下を使用します。
- がぶ飲みする
- ガルプラップ
- gulp-concat
- gulp-sourcemaps
上記のすべてが正常に実行されています。しかし、それにはgulp-uglify
独自のwrap
機能が備わっているようです。gulp-uglify
関数を使用してスクリプトをラップするにはどうすればよいですか?
angularjs - Gulp: 最後のタスクで作成されたファイルを読み取ることができません
ここ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 - Gulp 構成が機能しない
Gulp を実行して CSS、JS を縮小し、すべての静的なもの ( template
、font
、img
) をbuild
フォルダーに移動しようとしています。
私のプロジェクトのディレクトリ構造:
私のgulpfile.js
:
実行するとgulp
、またはgulp watch
このエラーが発生します。
どうすればこれを修正できますか?
javascript - gulpの関数内で複数のjsファイルを連結する方法
次のフォルダー構造を持つ Gulp を使用して、対応する関数内のすべての特定のファイルを連結する必要があります。
最終的なファイルは次のようになります。
Gulpでこれを行う方法を知っている人はいますか?
私はこれまでのところこれを持っています:
var ターゲット ファイルの内容は次のとおりです。
gulp を実行すると、ファイルがコピーされるだけで、インジェクションは行われません。何がうまくいかないのでしょうか?
javascript - Gulp または Javascript フレームワークを使用して Javascript ファイルの順序を回避するにはどうすればよいですか?
gulp を使用して、 gulp -concatとgulp-uglifyを使用して単一の JavaScript ファイルを作成しています。
元のファイル
これらのファイルが間違った順序で連結されているため、Gulp は不適切な縮小ファイルを返します。順序を指定できることはわかっていますが、.src([])
JavaScript ファイルを追加するときに配列を維持したくありません。
連結されたファイルの順序を気にせずに、これらの「名前空間」への参照を作成する方法はありますか? または、gulp がこれらの名前空間を自動的に認識して連結を処理する方法はありますか?
編集:
内でファイルの順序を指定できることはわかっています.src([])
。gulp パッケージでも JavaScript フレームワークでも、ファイルの順序を気にせずに開発したい。役立つ回答をありがとうございますが、決定的な「いいえ。これはできません」が必要です。または「はい。方法は次のとおりです...」を選択して、スレッドに回答済みのマークを付けます。
gulp - 上書きではなく、ファイルへのgulp追加
新しいプロジェクトのために JS ファイルを連結し、それらを Babel で実行しようとしていますが、タスクの実行ごとに宛先ファイルを上書きする代わりに、私の gulpfile はファイルに変更を追加するだけです。したがって、宛先ファイルは次のようになります。
私は何が欠けていますか?以下は私のgulpfileです。
前もって感謝します。