問題タブ [grunt-wiredep]

grunt-wiredep タスクが../すべてのパスから削除されています。

例えば：

になる

../維持されたい。しかし、ignorePath空白の文字列 (1 つのスペース文字) に設定するか、 ignorePathパラメータを削除すると、JavaScript ファイルが HTML に含まれなくなります。

grunt-wiredep を利用して、bower コンポーネントを html に自動的に挿入しようとしています。かなり簡単ですが、ローカルホストを実行しているときに、bower ディレクトリへの正しいパスを設定する方法がわかりません。現時点では、次のエラーが表示されます。

これが私の構造です

事業

アプリ(sass、js、html などを含む...)

bower_components

node_modules

bower.json

パッケージ.json

Gruntfile.js

HTML ファイル

グラントファイル

Grunt wireep プラグインを使用して HTML ページに依存関係の縮小バージョンを挿入することは可能ですか?

wireep grunt タスクが実行されるたびに、socketio が削除されます。

経由でsocketioをインストールしました

そして、パッケージは私の中にありますbower.json

実行してbower installも何も変わりません。

アプリは私の Mac では正常にビルドされますが、何らかの理由で socketio が削除され続け、ubuntu マシンでのビルドに失敗します。

Yeoman Angular で生成されたフォルダーに取り組んでいます。jQuery を必要とするモジュールを Bower からインストールしました。Grunt の wireep は、次のように、jQuery の依存関係を の AngularJS の上に配置index.htmlします。

jQuery は Angular に依存していないため、これは合理的に思えます。

問題は、ブラウザでアプリを読み込もうとすると、JS コンソールに次のメッセージが表示されることです。

jQuery依存関係を の依存関係と手動で交換するangularとindex.html、すべてが魅力的に機能しますがgrunt build、アプリの場合、デフォルトの順序が設定されているため、dist フォルダーで作業構成を取得できません。

bower.json:

ここであなたの助けに本当に感謝します!

developmentとdeployの 2 つのタスクを持つ bower 依存関係を持つ Grunt プロジェクトをセットアップしようとしています。現在、プロジェクトのフォルダー構造は次のようになっています。

現在、grunt-wiredepを使用して、bower の依存関係を HTML ファイルに自動的に含めていますdist。開発と展開の分離を維持するためbower_componentsに、フォルダーを除外しようとしています (開発中にサイトが提供されている場合でも)。distdist

私はこれに慣れていないので、適切な grunt/bower モジュールと、開発とデプロイのベスト プラクティスを考え出すのに完全な想像力の失敗を経験しています (はい、Yeoman はこれの多くを処理しますが、私は学ぼうとしています)。私の現在のビジョンは次のとおりです。

1. Connect は、distフォルダから HTML ページを提供します。
2. dist開発中、bower コンポーネントはページに自動的に含まれますが (wiredep)、フォルダー内から提供する必要があります ( grunt-wiredep-copy )。
3. デプロイでは、bower コンポーネントは縮小版を取得し、それらをプロジェクトの JS および CSS ファイルと連結するか、単一の JS および CSS ファイル内の bower コンポーネントのみと連結します。

私の質問は、開発でbowerコンポーネントを使用し、最小限のgrunt-contrib-copy / grunt-contrib-concat / grunt-string-replaceまたはそのようなモジュールでターゲットを展開してファイルを移動して書き換える（または）良い方法は何ですかHTML参照？それとも、このステップには常に高度な手動要素が含まれますか? KFCチップと「ポテトとグレービー」のように、バウアーとうなり声が一緒になると、私には奇妙に思えます.

JS と LESS/CSS の連結は、各タイプのそれぞれの uglify および minify grunt モジュールを使用して簡単に行うことができます。Bower ファイルはこれらのプロセスから除外され、wiredep と wireepCopy は、デプロイ タスクの "クリーンアップ" (HTML ファイル内のそれぞれのリンクを縮小/連結および更新) する簡単な方法を提供していないようです。wireepCopy は、開発タスク中に HTML 内の参照を移動したファイルに更新することさえしません。たぶん、wiredepは進むべき道ではないでしょうか? ありがとう！