問題タブ [gruntjs]
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.
npm - gruntjsがパッケージをインストールします
私はgruntを使用してgruntjavascriptプロジェクトを構築しており、次のようなpackage.jsonファイルがあります。
grunt-htmlをインストールするために実行できますnpm install
が、これは問題なく機能します。しかし、新しい依存関係を追加するときは、チームのすべての開発者がnpm install
再度実行することを知っている必要があります。まだインストールされていないパッケージを自動的にインストールする方法はありますか?最新であることを確認するために、常にnpm installを実行する必要がありますか?
javascript - Gruntで「min」タスクを2回実行できますか?
Gruntで異なる構成でタスクを2回実行する方法はありますか?プロジェクトに2セットのソースファイルがあり、それらを2つの別々の縮小された出力ファイルに縮小したいとします。このような:
期待通りの結果として、見たいと思いfileA.min.js
ますfileB.min.js
。1セットの属性min
のみをサポートしているように見えるので、どうすればそれを達成できますか?src
dest
minify - yeoman ビルド プロセスを拡張して json を縮小する
jsonファイルを縮小する何かでyeomanのビルドプロセスを拡張する方法を探しています...jsonファイルを縮小できるnpmパッケージを見つけましたが、関数をエクスポートしません:/これを統合する方法を知っている人なら誰でもヨーマンビルドプロセスに?
https://npmjs.org/package/json-minify
敬具、
大安
node.js - gruntタスクで口ひげの部分を静的HTMLにレンダリングする方法
バックグラウンド
私は内部ドキュメントの静的HTMLを構築するためにhogan.jsタスクでgrunt.jsを使用してきました。私はJavaScriptを学びながら学習していますが、レイアウトとページで十分に機能するタスクを取得しましたが、この要点の例のように、ホーガンタスクで口ひげの部分をHTMLにレンダリングするワークフローは本当に役立ちます:https ://gist.github.com/4132781
現在の設定と達成したいこと
私たちの口ひげの部分はすべて「部分」と呼ばれるフォルダにあります。理想的には、gruntビルドが実行されると、hoganタスクはpartialsフォルダーからパーシャルを取得し、参照されている場所(要点にも示されています)にHTMLに挿入します。
欲しくないもの
タスクまたはタスク構成で各パーシャルを定義する必要はありません。これは機能しません。最大200のパーシャルがあり、成長しているため、タスクでフォルダーをスキャンし、ファイル名などに基づいてパーシャルを取得する必要があります。また、別の言語やビルドツールを使用したくありません。Jade、いくつかのマークダウンベースのドキュメントビルダー、その他の多くを使用しました。説明したようにパーシャルをレンダリングすることができれば、素晴らしい形になります!
これを達成することは可能ですか?フィードバックを事前に感謝します
javascript - grunt.js のグローバル インストールが失敗する
gruntjs
を使用してローカルにインストールできnpm install grunt
ました。
しかし、グローバルにインストールしようとするとnpm install grunt -g
、エラーが発生します。
sudo
私もエラーがあります:
インストールするにはどうすればよいですか?
PS 一部のフォルダの権限はroot:root
、私のユーザーではなく のものである可能性があります。管理者がそのように VM をインストールしたので...
javascript - grunt.jsファイルでネストされたオブジェクトリテラルは何を意味しますか?
ファイルにときどき現れるネスティングを理解するのに苦労していgrunt.js
ます。次の例では、ネストされたオブジェクトは何を好み、何concat.dist
をmin.dist
意味するのでしょうか? キーはdist
別の名前付きタスクを参照していますか、それとも単に構成オブジェクトですか? と のタスクを実行するconcat
と、正確には何が呼び出されますか?min
javascript - JSHintオプションが異なる2セットのファイルをリントするにはどうすればよいですか?(grunt.js)
Node環境を想定してリントする必要のあるJavaScriptファイルと、ブラウザー環境を想定してリントする必要のあるJavaScriptファイルがあります。これらのファイルをさまざまなJSHintオプションでリントするにはどうすればよいですか?これが私の出発点です:
javascript - grunt.jsを使用してRequireJSを使用してJavaScriptファイルを結合する作業プロジェクト構造?
RequireJSを使用してブラウザーに個々のJavaScriptモジュールをロードするプロジェクトがいくつかありますが、まだ最適化されていません。開発と本番の両方で、アプリはJavaScriptファイルごとに個別のリクエストを行います。次に、 Gruntを使用してそれを修正したいと思います。
単純なプロジェクト構造を無駄にまとめようとしたので、誰かが私に実用的な例を提供してくれるかどうか疑問に思っています。私の目標は次のとおりです。
- 開発モードでは、必要なモジュールごとに個別のリクエストを発行することで、すべてがブラウザで機能します。開発モードでは、うなり声のタスクや連結は必要ありません。
- 準備ができたら、うなり声のタスクを実行して、r.jsを使用してすべてのJavaScriptファイルを最適化(結合)し、ローカルでテストできます。最適化されたアプリケーションが正しく実行されることを確認したら、それをデプロイできます。
この会話のためのサンプル構造は次のとおりです。
具体的には、自分が始められる実用的なプロジェクト構造を探しています。私の主な質問は次のとおりです。
- このプロジェクト構造に欠陥がある場合、何をお勧めしますか?
grunt.js
特にr.jsオプティマイザーを機能させるには、ファイルに正確に何を含める必要がありますか?watch
これらすべてを行う価値がなく、ファイルを保存するたびにgruntタスクを使用して、開発モードですべてを自動的にビルドする方法がある場合は、私はすべての耳です。ループが変更されてブラウザに表示されるのを遅らせるようなことは避けたいと思います。