問題タブ [gulp-concat]

ガルプを学んでいます。そして、Gulpand を使用して AngularJS 環境をセットアップし、それらを縮小して連結したいと考えています。しかし、問題は、jsファイルを縮小または連結しようとすると、AngularJS環境を設定するために「gulp-ng-config」によって作成されたconfigFile.jsがgulpで見つからなかったと思います

これが私のgulpfile.jsです

これは、「setLocalEnv」タスクによって作成される configFile.js です。

そして、これは生成された縮小ファイルです

そして、これが「gulp」デフォルトコマンドの出力です

gulp-concat に問題があります。すべての js ファイルを 1 つのファイル (dist/app.js など) に連結しようとしています。

しかし、私には理解できないことがあります。そのファイルでは、必要なファイルのパスは以前と同じです...

ここに私のgulpfile.jsがあります：

ご覧のとおり、ネストされたフォルダーを連結したいと思います。

たとえば、私の /client/components/app.js の上部を見てください:

したがって、gulp によって生成された私のアプリ app.js では、次のことがわかります。

これは相対パスであり、機能しません。

では、これらの必要なファイルを相対パスで処理するためのトリックは何ですか?

どうもありがとう。

編集:私が得るエラーを参照してください:

javascriptファイルをgulpで連結するためのベストプラクティスは何ですか? すべての JavaScript ファイルを 1 つの app.js ファイルに連結したいと考えています。その前に、babel でトランスパイルする必要がある es6 で書かれたいくつかのファイルがあります。babel がフレームワークを除外する必要があることをストリームに伝えるにはどうすればよいですか? 関連するすべてのフレームワーク ファイルの選択を自動化するために main-bower-files を使用していますが、これには別の問題が伴います。jquery が常に連結ファイルの先頭にあるように、main-bower-files で選択されたフレームワークを介してすべてを注文するにはどうすればよいですか。

一方、最初にすべての bower ファイルと es6 ファイルをディレクトリにコピーしてから、すべてを連結します。

それを行うためのよりクリーンな方法はありますか？

gulp-concat-css を使用して、選択した CSS のリストを 1 つに結合しています。私のプロジェクトのフォルダー構造は次のようになります。

さて、私のgulpタスクは次のようになります。

問題は、最終出力に間違った URL リベースが含まれていることです。これは、CSS URL がファイルの間違ったパスを指している原因です。たとえば、 の元の URLbootstrap.min.cssはurl('../fonts/glyphicons-halflings-regular.woff'). 現在、結合された CSS には の URL が付いていますがurl(../../fonts/glyphicons-halflings-regular.woff)、これは間違っています。そのはずurl(../libs/bootstrap/dist/fonts/glyphicons-halflings-regular.woff)

gulp-concat-css のドキュメントによると、「適切なインポートのインライン化と URL リベースを行うには、入力ファイルに適切なベースを設定してください」と書かれています。

入力ファイルの適切なベースを設定して、正しい URL リベースを取得するにはどうすればよいですか?

いくつかの JS ファイルを連結し、それらを Gulp で単一のファイルとして提供しようとしています。ファイルシステムに書き込まずにこれを行いたいです。

これが私がこれまでに試したことです：

しかし、これはうまくいきません。にアクセスしようとするhttp://localhost:8080/assets.jsと、見つかりませんと表示されます。

これを達成するにはどうすればよいですか？それが機能するかどうかの代わりに、別のプラグインを使用しても問題ありませんgulp-connect。

次のようなオブジェクトの配列があります。

gulp タスクで配列内のすべてのエントリを処理/連結したいのですが、うまくいかないようです。

アプリケーション用に 3 つの縮小バンドルを作成しています。これを行うには、ミニファイとバンドルの 2 つのタスクがあります。Miniify は bundle に依存しています。minify を実行すると、両方のタスクがエラーなしで実行されます。バンドルは作成されますが、縮小されたファイルは作成されません。バンドルへの依存関係を削除すると、縮小化を単独で実行でき、縮小化されたファイルが正常に作成されます。これにより、縮小タスクがトリガーされたときにファイルが使用されている可能性があると思います（バンドルが終了していないためですか？）。ファイルの準備が完了するまで待機させるにはどうすればよいですか? ストリームを渡すことはできますか? それとも、これらを 1 つのタスクに組み合わせますか? それらが現在単一のタスクではない理由は、バンドルごとに 2 つのファイル (非縮小バンドルと縮小バンドル) を出力するためです。