問題タブ [gulp-useref]

と にDurandal 2基づくアプリがASP.NET MVC 5ありWeb API、最初のIndex.cshtml( on HomeController) は MVC ルーターを介して提供されます。それ以降は、すべて通常の html ビューが Durandal ルーターによって処理されます。

とにかく、gulp-userrefを使用してすべてcssのjsファイルを連結しようとしています。すべてが機能しておりgulp-useref、新しく連結されたファイルとindex.cshtml、更新されたスクリプトとスタイルシートの参照をdistフォルダーにドロップします。

もちろん、アプリケーションが機能するためには、更新index.cshtmlを元に戻す必要がありViews/Home/ます。まさにそれを行う「コピー」タスクを作成しましたgulp。元のファイルを上書きし、連結されたファイルindex.cshtmlへのパスを修正します。 これも同様に機能しますが、連結されたファイルへの参照を挿入する必要がある場所をマークする html コメントを削除するため、プロセスを繰り返すことはできません。 jscss
useref

いくつかのコードで説明しましょう。

私Index.cshtmlは持っています：

これはgulp-useref、更新されたスクリプト参照を配置する場所であるため、最終的には次のようになります。

ご覧のとおりuseref、HTML コメントが削除されるため、元のindex.cshtmlファイルをこのファイルで上書きするuserefと、更新されたスクリプト タグを配置する場所がわかりません。元のファイルを上書きしないindex.cshtmlと、アプリケーションは連結されたファイルを使用しません。

私は初めてなgulpので、完全に間違った方法でこれを行っている可能性がありますが、自動化された方法で連結ファイルを使用していることを確認するにはどうすればよいですか?/Views/Home/index.cshtml

または、代わりに、私がやろうとしていること、つまりすべてを展開の準備をするためのより良いアプローチはありますか?

参考までに、関連するgulpタスクを次に示します。

django で gulp-userref を使用しようとしています。すべての注入スクリプトは正常に機能しており、注入後に手動でパスを更新していますが、注入されたスクリプトを連結したいと考えています。ここに私のhtmlがあります

と

{{ STATIC_URL }}dashこれは私のgulpfile.jsが存在するルートであるため（index.htmlディレクトリとは異なります）、パスから削除したいだけで、スクリプトをそれぞれのファイルに処理し、コンパイルされたcssおよびjsでindex.htmlを更新します..しかし、先頭に追加{{ STATIC_URL }}dash

私はgenerator-gulp-webappを使用しており、27 個の html ファイルを.tmpフォルダーにコンパイルしています。最初の 25 個の html ファイルのみが処理され、distgulp-userref タスク中にフォルダーに渡されることがわかりました。これが のgulpfile.coffeeコードです。これを修正する方法を本当に知る必要があります。ありがとうございます。

gulp パイプラインを構築しようとしています。CSS を挿入してindex.html(これは正常に動作します)、ソースから他のすべてのリンクを取得しindex.htmlて、出力されたバージョンでそれらを置き換えたいと考えています。

置換するテンプレート化されたセクションにHTML コメントが含まれている場合useref、呼び出しが出力をマングリングしていることに気付きました(以下の行の例を参照してください)。コードで示すのが最も簡単です:COMMENT

index.html（ソースファイル）

gulpfile.js仕事

出力 ( index.html)

問題は HTML の方が見やすいのですが、COMMENTHTML コメントはタグの末尾半分が失われているため、それ以降はすべてコメントと見なされます。

置換セクション内にコメントを入れたい理由は、そのコメントが実際にはgulp-injectステートメントであり、useref. 問題の原因となっている単純な HTML コメントに単純化しました。

これは問題を引き起こす行です:.pipe($.useref())

参考までに、 Pluralsightに関する John Papa のコースに従っています。彼はこの正確なメカニズムを使用して CSS を挿入し、それらを置き換えます – ( inject:cssHTML コメント区切り文字は の後に壊れていますuseref):

useref()テンプレートを正しいリンクに置き換え、 HTML コメントはそのままにしておくにはどうすればよいですか?

ありがとう。

こんにちは、すべての css と js を /dist/ にビルドしようとしていますが、ローカル ファイルしかありません。

これに対する解決策があります（私は本当にパッケージマネージャーをbowerとして使いたくありません）私はgulp-userrefがこの仕事をすることを好みます...アイデア？

index.html でミニファイやその他のものを実行するタスクを実行しようとしています。

しかし、すべての JavaScript (bootstrap.js、respond.js など) は出力ファイルで間違っているようです。

私が間違っていることは何ですか？

テンプレートエンジンでいくつかのhtmlファイルを実行していますが、すべてのアセットは次のように宣言されています。

<link rel="stylesheet" href="$href('libs/bootstrap.min.css')"> <script src="$href('libs/jquery.js')"></script>

$.userref を実行すると、ファイルは正しいフォルダに移動さ​​れますが、.html ファイルには通常必要な絶対パスと相対パスが残されます。スクリプトの $.userref "テンプレート" を編集して、適切な場所を指し、src 属性と href 属性内に $href('') を先頭/末尾に追加するリンク タグを編集する方法はありますか? これを行うことができる他のgulpプラグインはありますか?

gulp-userref を使用する場合、html タグ内で宣言された html ビルド タイプに応じて css & js アセットを条件付きで処理することは可能ですか?

私がやりたいことは、そのように、非ベンダー資産を区別することによって、autoprefix と jslint のみです (css と css_vendors 型に注意してください):

index.html

gulpfile.js

残念ながら、この gulpfile.js コードは機能しません。

したがって、私には単純なユースケースがあり、 https://github.com/jonkemp/gulp-userrefの readme に記載されているユースケースに非常に似ているようです。

ビルド中にすべての Angular テンプレートを含む templates.js ファイルを生成しようとしています。これを実行しようとしていますが、ローカル プロジェクトに templates.js ファイルがありません。したがって、テンプレートストリームの出力をユーザーリファレンスストリームにマージして、結果scripts.jsのファイルにインデックスファイルに示されているすべてのファイルと生成された出力が含まれるようにするという考えでしたtemplates。

これが私がgulpタスクに持っているものです:

これで、templatesStream の出力をマージして、すべてを 1 つのscripts.jsファイルに変換できるはずです...

また<script src="scripts/templates.js"></script>、索引ファイルに多くのフォームを置いて、それを支援しようとしました。どれも機能していないようです。

これと同じタイプのことをやっている人は他にいますか？一般的なユースケースのようです。