問題タブ [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.

0 投票する
2 に答える
16025 参照

npm - gruntjsがパッケージをインストールします

私はgruntを使用してgruntjavascriptプロジェクトを構築しており、次のようなpackage.jsonファイルがあります。

grunt-htmlをインストールするために実行できますnpm installが、これは問題なく機能します。しかし、新しい依存関係を追加するときは、チームのすべての開発者がnpm install再度実行することを知っている必要があります。まだインストールされていないパッケージを自動的にインストールする方法はありますか?最新であることを確認するために、常にnpm installを実行する必要がありますか?

0 投票する
1 に答える
2027 参照

javascript - Gruntで「min」タスクを2回実行できますか?

Gruntで異なる構成でタスクを2回実行する方法はありますか?プロジェクトに2セットのソースファイルがあり、それらを2つの別々の縮小された出力ファイルに縮小したいとします。このような:

期待通りの結果として、見たいと思いfileA.min.jsますfileB.min.js。1セットの属性minのみをサポートしているように見えるので、どうすればそれを達成できますか?srcdest

0 投票する
2 に答える
793 参照

javascript - ステッチ & グラント — ファイルが見つかりません

Gruntを使い始めたばかりで、Stitchを使用してクライアント側で使用するモジュールを結合したいと考えています。私は一般的に commonJS の経験があまりなく、どちらのライブラリも私にとっては初めてのことです。ご容赦ください。

これは私の Grunt ファイルからの抜粋です。

grunt stitchただし、実行すると、次のようになります。

ただし、絶対パスは正しく、ファイルは存在します。

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

0 投票する
1 に答える
370 参照

minify - yeoman ビルド プロセスを拡張して json を縮小する

jsonファイルを縮小する何かでyeomanのビルドプロセスを拡張する方法を探しています...jsonファイルを縮小できるnpmパッケージを見つけましたが、関数をエクスポートしません:/これを統合する方法を知っている人なら誰でもヨーマンビルドプロセスに?

https://npmjs.org/package/json-minify

敬具、

大安

0 投票する
1 に答える
3326 参照

node.js - gruntタスクで口ひげの部分を静的HTMLにレンダリングする方法

バックグラウンド

私は内部ドキュメントの静的HTMLを構築するためにhogan.jsタスクでgrunt.jsを使用してきました。私はJavaScriptを学びながら学習していますが、レイアウトとページで十分に機能するタスクを取得しましたが、この要点の例のように、ホーガンタスクで口ひげの部分をHTMLにレンダリングするワークフローは本当に役立ちます:https ://gist.github.com/4132781

現在の設定と達成したいこと

私たちの口ひげの部分はすべて「部分」と呼ばれるフォルダにあります。理想的には、gruntビルドが実行されると、hoganタスクはpartialsフォルダーからパーシャルを取得し、参照されている場所(要点にも示されています)にHTMLに挿入します。

欲しくないもの

タスクまたはタスク構成で各パーシャルを定義する必要はありません。これは機能しません。最大200のパーシャルがあり、成長しているため、タスクでフォルダーをスキャンし、ファイル名などに基づいてパーシャルを取得する必要があります。また、別の言語やビルドツールを使用したくありません。Jade、いくつかのマークダウンベースのドキュメントビルダー、その他の多くを使用しました。説明したようにパーシャルをレンダリングすることができれば、素晴らしい形になります!

これを達成することは可能ですか?フィードバックを事前に感謝します

0 投票する
5 に答える
12261 参照

javascript - grunt.js のグローバル インストールが失敗する

gruntjsを使用してローカルにインストールできnpm install gruntました。

しかし、グローバルにインストールしようとするとnpm install grunt -g、エラーが発生します。

sudo私もエラーがあります:

インストールするにはどうすればよいですか?

PS 一部のフォルダの権限はroot:root、私のユーザーではなく のものである可能性があります。管理者がそのように VM をインストールしたので...

0 投票する
1 に答える
672 参照

css - ヨーマンとのバックグラウンドでの継続的なCSS連結

Yeomanを使用していますが、ファイルの変更時にCSSタスクをトリガーする方法が見つかりません。

私は次のようなプロジェクト構造を持っています

ヨーマンに

  • モジュール内のすべてのCSSファイルを監視します。
  • CSS連結/縮小タスクをトリガーします。
  • 上書きしますapp/styles/main.css

これが私のGruntfile.js

0 投票する
2 に答える
2576 参照

javascript - grunt.jsファイルでネストされたオブジェクトリテラルは何を意味しますか?

ファイルにときどき現れるネスティングを理解するのに苦労していgrunt.jsます。次の例では、ネストされたオブジェクトは何を好み、何concat.distmin.dist意味するのでしょうか? キーはdist別の名前付きタスクを参照していますか、それとも単に構成オブジェクトですか? と のタスクを実行するconcatと、正確には何が呼び出されますか?min

0 投票する
1 に答える
1717 参照

javascript - JSHintオプションが異なる2セットのファイルをリントするにはどうすればよいですか?(grunt.js)

Node環境を想定してリントする必要のあるJavaScriptファイルと、ブラウザー環境を想定してリントする必要のあるJavaScriptファイルがあります。これらのファイルをさまざまなJSHintオプションでリントするにはどうすればよいですか?これが私の出発点です:

0 投票する
1 に答える
15052 参照

javascript - grunt.jsを使用してRequireJSを使用してJavaScriptファイルを結合する作業プロジェクト構造?

RequireJSを使用してブラウザーに個々のJavaScriptモジュールをロードするプロジェクトがいくつかありますが、まだ最適化されていません。開発と本番の両方で、アプリはJavaScriptファイルごとに個別のリクエストを行います。次に、 Gruntを使用してそれを修正したいと思います。

単純なプロジェクト構造を無駄にまとめようとしたので、誰かが私に実用的な例を提供してくれるかどうか疑問に思っています。私の目標は次のとおりです。

  1. 開発モードでは、必要なモジュールごとに個別のリクエストを発行することで、すべてがブラウザで機能します。開発モードでは、うなり声のタスクや連結は必要ありません。
  2. 準備ができたら、うなり声のタスクを実行して、r.jsを使用してすべてのJavaScriptファイルを最適化(結合)し、ローカルでテストできます。最適化されたアプリケーションが正しく実行されることを確認したら、それをデプロイできます。

この会話のためのサンプル構造は次のとおりです。

具体的には、自分が始められる実用的なプロジェクト構造を探しています。私の主な質問は次のとおりです。

  1. このプロジェクト構造に欠陥がある場合、何をお勧めしますか?
  2. grunt.js特にr.jsオプティマイザーを機能させるには、ファイルに正確に何を含める必要がありますか?
  3. watchこれらすべてを行う価値がなく、ファイルを保存するたびにgruntタスクを使用して、開発モードですべてを自動的にビルドする方法がある場合は、私はすべての耳です。ループが変更されてブラウザに表示されるのを遅らせるようなことは避けたいと思います。