問題タブ [grunt-wiredep]
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.
gruntjs - カスタム依存ブロックの作成
現在、複数の JS 依存関係をページにロードしようとしています。ベストプラクティスなどに従って、ページの下部にある JS にロードしていますが、ヘッドにロードする必要がある特定の JS ファイルがあります。
<head>この特定の依存関係のみをロードし、他の JS ファイルはページの下部にロードし続けるブロックを作成するにはどうすればよいですか?
twitter-bootstrap - Grunt-serve は、3.3.4 への更新後に bootstrap-sass-official javascript ファイルを削除します
私は Yeoman を使用して、Bootstrap と Sass で Web アプリ プロジェクトを生成しています。（yoの最新バージョンとテンプレートを使用）。次にやりたかったことは、Sass のバージョンを 3.2.0 から 3.3.4 に更新することでした。これはbower-updateを使用して行いました。Bootstrap 3.3.4 は正常にインストールされ、bower.json は次のように更新されます。
ただし、grunt-serve を実行すると、すべての bootstrap-sass-official javascript ファイルが app/index.html から削除されます。
以前は js ファイルの長いリストがありましたが、残っているのはこれだけです。
ブートストラップ js ファイルを挿入し続けるように Bower / Grunt / Wiredep を構成するにはどうすればよいですか?
グラントファイル:
gruntjs - NPM の依存関係に対して機能する grunt-wiredep のようなインジェクターはありますか?
最近のほとんどのパッケージは、NPM と Bower の両方で利用できます。NPM を使用する必要がありますが、プロジェクトのループから Bower を切り離したいと考えています。
私は現在、にインクルードgrunt-wiredepを作成することに依存しています。このツールはすべての Bower 構成を調べて、必要なすべての js および css ファイルを my for me に取り込みます。<script>index.htmlindex.html
NPM の依存関係に対して同じことを行うツールはありますか?
build - bower との 2 つのプロジェクトの開発
プロジェクト A (本格的な Web アプリ) とプロジェクト B - プロジェクト A で使用されるコンポーネント プロジェクトがあります。プロジェクト A は、bower を使用してプロジェクト B への依存関係を定義します。
目標を一言で言えば - A と B の両方を同時に開発できるようにしたいので、B のソースが変更されたときに A に通知され、これらの変更がブラウザーにすぐに反映されます。問題は、アーティファクトをラップするのではなく、A の B のソースへの依存関係を定義する便利な方法が見つからないことです。
A の index.html には、B から提供された最後のアーティファクトを何らかの方法で含める必要があります。つまり、project_b.js や project_b.css のようなものになります。
これらのアーティファクトは B の最終的な成果物であり、ソースを構築した結果です。B の bower.json ファイルでは、これらのアーティファクトを「メイン」セクションで定義する必要があります。
また、bower のすべての依存関係を A の index.html に適切に調整するために、grunt-bower-install / grunt-wiredap も使用します。この種のツールは、最終的に B の「メイン」セクションで定義されたファイルで動作します。
しかし、開発モードではどうなるでしょうか? 理想的には、開発モードで B のソースのコードを変更し、それが A に反映されるのを確認できます。bower リンクは問題の一部のみを解決します。なぜなら、A が B のソースの変更に本当に反応できるようにするためです。 B でビルド a を開始する必要があります。これにより、プロジェクトの「メイン」アーティファクトが変更され、そうして初めて A が実際に影響を受けます。
それは便利なIMOではありません。開発モードでは、通常、ソース ファイルに対して作業を行い、継続的なビルド (jshint、compass などのいくつかの小さなタスクまで) を避けます。Bのソースファイルにも手を加えたい・・・これもデバッグ上重要です。
これを達成する方法についてのアイデアはありますか？いくつかのトリックを念頭に置いていますが、実際に機能するかどうかはわかりません。
どうもありがとう、ダニエル
javascript - Grunt が Angularjs アプリのスクリプト タグを更新しない
Yeoman を使用してスキャフォールディングされた 2 つの Angularjs プロジェクトがあります。最初のプロジェクトはAngular Library Generatorでスキャフォールディングされたライブラリで、2 番目のプロジェクトはYeoman Angular Generatorでスキャフォールディングされた完全なアプリです。アプリでライブラリを使用するようにしたいので、App ディレクトリに Bower を使用してライブラリをインストールしました。
ライブラリは Bower に登録されていませんが、Github ID とライブラリ名でインストールできます。bower_componentsディレクトリにはライブラリとその依存関係が保持されるようになりましたが、 または だけを使用して Grunt を実行するとgrunt serve、gruntアプリのファイルはライブラリで更新されませんが、たとえば、Index.htmlなどの他のモジュールがそこにあることがわかります。lodash
また、ライブラリをスクリプト タグとして手動で追加しようとすると、Gruntその後、追加したタグがすべて削除されます。
タグが追加されていない理由を誰か教えてもらえますか?
ありがとう！
gulp - すべての bower .css ファイルが無視されるのに .js が取得されないのはなぜですか
次のタスクを実行していて、すべての .js ファイルが css タグ内に正しく挿入されますが、ストーリーは html でも同じです。
私の設定はすべて正しいようです。