問題タブ [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.

0 投票する
0 に答える
521 参照

javascript - index.htmlと同じ順序でconcat javascriptファイルをgulpする

index.htmlと同じ順序で連結jsファイルにgulp -userrefを使用したいと思います。

ソリューションの構造は次のとおりです。

  • ソリューション フォルダ
    • アプリフォルダー
      • サービス フォルダ
        • service.js
    • スクリプト フォルダ
      • angular.js

index.html

ゴクゴク

この gulp タスクを実行すると、app.js ファイルが作成されますが、index.html のコンテンツが含まれています。

私は何を間違っていますか?

0 投票する
1 に答える
52 参照

laravel - 個別の gulp Concat の場所

(public/js)ユーザー用と管理者用の 2 つの個別の js フォルダーを持つプロジェクトに取り組んでいます(public/admin_stuff/js)

all.jsユーザー セクションの js ファイル用と管理セクションの js ファイル用の2 つのファイルを作成します。どうすればきちんとした方法でそれを達成できますか?

0 投票する
2 に答える
4568 参照

gulp - 連結および縮小中に既に縮小されたファイルを縮小しない

CSS ファイルを縮小して 1 つのファイルに連結する gulp タスクがあります。

ただし、一部のファイルが既に縮小されている場合 (font-awesome.min.cssたとえば)、再度縮小する必要はありません。連結するだけで、縮小プロセスから除外する必要があります。ハッキーなソリューションなしでそれを行う方法はありますか(私は完全に理解できないソリューションを使用したくありません。パイプラインの任意の時点で src ファイルを追加するプラグインを見つけました: gulp-add-srcですが、しばらくの間非アクティブになっているようです。

0 投票する
1 に答える
569 参照

javascript - 配列パスが gulp.task で機能しない

変更時にjsファイルを連結して醜くするgulpタスクがあります。ソースを 1 つしか使用しない場合は機能します。ただし、角度を学んでおり、最初にモジュールを連結したいので、次のようにします。

https://medium.com/@dickeyxxx/best-practices-for-building-angular-js-apps-266c1a4a6917#.mujtfmj63

私は使っている:

gulp タスクは実行されますが、all.min.js ファイルは作成されません。配列を削除してこれを使用すると、機能します:

私のディレクトリは次のように設定されています

私は何を間違っていますか?

0 投票する
2 に答える
622 参照

laravel - Gulp-concat: すべての js を一意の $(document) にラップします

jsを使用する場合、追加されたすべて$(document).ready(function(){を最初の行});として、最後の行としてラップすることは可能gulp-concatですか?

0 投票する
1 に答える
5383 参照

javascript - Gulpを使用してjsファイルを正しい順序で連結する

大量の js ファイルを gulp で連結しようとしていますが、特定の順序で連結しています。「custom.js」というファイルを最後にしたい(ただし、他のファイル名でもかまいません.

これは私の一気の仕事です:

ただし、これはファイルをアルファベット順に連結するだけです。custom.js ファイルの名前を zzz-custom.js のような名前に変更する以外に、これを解決するにはどうすればよいですか?

0 投票する
0 に答える
536 参照

cordova - ionic concatenate files gulp-userrefはcssとindexファイルを連結しません

Ionic アプリを本番用に準備しようとしていますが、gulp-userref でいくつかのエラーが発生しています

私のインデックスファイルで

そして私のgulpfile.jsで

after_prepare フックにこのファイルがあります

ionic.project ファイルの gulpStartupTasks に「userref」を追加しましたが、実行するたびionic build androidにエラーが発生します

新しい index.html で dist フォルダーを作成し、dist_css フォルダー wt styles.css を作成しないのはなぜですか?

どんな助けでも大歓迎です

0 投票する
1 に答える
844 参照

javascript - JS ストリームをマージするときにソースマップを保持する (lib 依存関係を browserify バンドルと連結するため)

私の現在のワークフローでは、browserify バンドルを作成する必要がありますが、非 commonjs js ライブラリをファイルの先頭に連結してグローバル変数を公開すると同時に、http リクエストの数と js ファイルのサイズを削減したいと考えています。(これらのライブラリの一部は、他のバンドルでも必要になる場合があります)

私は現在、browserify バンドルを作成し、必要なライブラリを出力ファイルの先頭に連結する gulp タスクを持っていますが、ストリームをマージする時点で、ソースマップが壊れていて、Web インスペクタであることがわかりました。結果のマップには、個別の js モジュールではなく、事前にブラッシュアップされた browserify バンドルのみが表示されます。

(複数のバンドルが存在する場合、私のタスクは設定 json 配列も読み取って複数のバンドルを構築することに注意してください)

マージ前のストリームからソースマップを保存する方法はありますか? true に設定されている loadmaps が機能していないようです。

また、健全性チェックとして、私のアプローチは賢明と見なされますか? 目的の結果を達成するための非常に簡単な方法がありませんか?

0 投票する
1 に答える
651 参照

msbuild - ビルド出力に gulp 縮小ファイルを含める

Gulp を使用して、スクリプト ファイルを縮小および連結し、SASS ファイルを css にコンパイルしています。Visual Studio Team Services でファイルをホストしており、新しい Visual Studio 2015 ビルド システムを使用しようとしています。すべてが正常に動作し、gulp タスクとその実行を問題なく呼び出すことができます。問題は、作成されたファイルがプロジェクトの一部ではなく、展開パッケージに含まれていないためです。
他の誰かが同じ問題を抱えていて、これらのファイルを含める方法を見つけたのではないかと思っていました。ありがとう。