問題タブ [grunt-wiredep]

パッケージ管理にはbowerを使用しています。また、bower コンポーネントを HTML に自動的に配置するために、grunt-wiredep を使用しています。私はそれらの両方をプロジェクトに統合し、うまく機能させました。

運用サーバーの場合、bower コンポーネントを縮小および連結し、この新しいファイルのパスを HTML に配置します。縮小されたファイルを連結するために bower_concat を使用します。

しかし、wiredep スクリプト タグをこの連結されたスクリプト タグに置き換えるにはどうすればよいでしょうか。それを行う自動化された方法はありますか？

プロジェクトに JavaScript ファイルを挿入するために、wiredep を使用しています。wireep/grunt を使用してリモート ファイルを挿入する方法はありますか? ドキュメントを探しましたが、何も見つかりませんでした。

コンポーネントを見つけて INDEX.HTML ファイルに直接挿入するコードを次に示します。

そしてindex.htmlで

その後、bowerのようなライブラリをインストールします。

その後

その後、私は得ました

➜ dc-customer-portal-spa git:(master) ✗ grunt wireep --debug

「wiredep:target」(wiredep) タスクの実行 [D] タスク ソース: /var/www/dc-customer-portal-spa/node_modules/grunt-wiredep/tasks/wiredep.js

エラーなしで完了。

しかし、html ファイルには含まれていません。

イサキとバワーを併用するように結びました。bowerコンポーネントを index.html に直接注入するには、 grunt-wiredepを使用します。

ただし、問題が 1 つあります。bower.json に存在する一部の依存関係がまだ *.html に含まれていません。

bower.json

gruntfile.js

index.html

その結果、ブートストラップ用の jquery、angular、bootsrap、および css のスクリプトを含めていません。しかし、いくつかの他のソースが含まれています。

ここのように、問題はbower.json内のメインプロパティにはありません

いくつかの調査の後、ブートストラップ 3.3.x に問題があることがわかりました

しかし、bower.js の「オーバーライド」ブロックは役に立ちません。

非常に興味深いことが 1 つあります: (同じことが bootstarp にも当てはまります)

追加後

ブロックをオーバーライドするために、 wiredepには index.html に次のものが含まれています。

しかし、私が書いたとき、"main": "dist/jquery.js"それは単に無視されます

grunt-wiredepの一般的な使用法は、指定された HTML をスキャンし、関連する依存関係をその HTML に挿入することです。

代わりに、wiredep で決定された順序で JS と CSS の依存関係を取得し、それらを 1 つの JS と 1 つの CSS ファイルに連結して、それらのファイルを書き込もうとしています。

私は、wiredep 自体が順序付けられたリストを持つオブジェクトを返すことに満足していることを確認できますが、Grunt にこれらをファイルに書き込むための構文は私には理解できません。

これが可能かどうか、および構文がどうなるかを誰かが知っていますか? すべての grunt-wiredep タスクが最初に開始するのはソース HTML ファイルですが、それは私がやろうとしていることではありません。

アドバイスをいただければ幸いです。

私は maven と gulp を一緒に使用しました。Maven では、jar のパッケージ化中に gulp の注入タスクが呼び出されます。src/main/resources/static/プロジェクトのスプリング ブート構造用に静的ファイルを配置しました。jar をパッケージ化した後、index.htmlファイルは次のようになります。

私の質問はsrc/main/resources/static、スクリプトの src タグのプレフィックスを削除する方法ですか?

以下のコードは、gulp.file.js のインジェクション タスクです。

および gulp.config.js の構成: