問題タブ [gruntjs]

初めてYeomanServerを試しましたが、LiveReloadへのフォールバックとしてネイティブウォッチツールが提供されていることがわかりました。ドキュメントがフォールバックを説明する方法は次のとおりです。

「[YeomanServer]はyeoman watchプロセスを自動的に起動するため、アプリケーションのファイルを変更すると、ブラウザはLiveReloadを介して更新されます。LiveReloadがローカルにインストールされていない場合は、代わりにフォールバックリロードプロセスが使用されます。」

これまでのところ、フォールバックプロセスは完全に機能しており、ブラウザ/メニューバーに何もインストールする必要がないのが気に入っています。

ヨーマンで両方の時計ツールを試した人はいますか？ワークフローはどのように異なり、LiveReloadに「アップグレード」するとどのような追加機能が得られますか？

更新： APIを簡単に調べると、Yeomanのライブリロード機能が実際にはLiveReloadであることがわかりました。それらは同じものです。ブラウザ拡張機能なしで機能する理由は、代わりにLiveReloadのsnipvrスニペットを使用しているためです。LiveReload GUIを介して、おそらくモバイルデバイスのテストのためにアクセスできる追加機能がいくつかある可能性がありますが、機能は同じである可能性が高くなります。

grunt.js のデフォルトのリンターは jshint ですが、jslint の使用に慣れてきました。grunt.js が使用するリンターを変更することは可能ですか?

Grunt はヘルパーを削除していますが、これは grunt-contrib で既に発生しています。

ただし、これらのヘルパーのいくつかを呼び出すいくつかのカスタム タスクに依存する Grunt ファイルがあります。ヘルパーがないと壊れます。それらを置き換える正しい方法は何だろうかと思っています。

なんらかの方法でタスクを直接呼び出すことになると思いますが、その方法はわかりません。Grunt のドキュメントはまだ更新されていないため、例は非常に役立ちます。

ありがとう。

ここで少しアイデアをつかもうとしています。そして、誰かがベストプラクティスを明確にするのを手伝ってくれることを願っています.

grunt.js のような JavaScript 用のビルド システムを使用して、チームまたはペアはどのようにアプローチしますか?

大きな javascript ファイルを小さな断片に分割したいのですが、AMD/Require に変換することは今のところオプションではありません。

最も簡単な方法は、連結してマスター ファイルに縮小することです。また、バージョン管理 (SVN) を使用しています。

だから私はここでベストプラクティスは何だろうと思っていますか?

本番ファイルとのコンフリクトを常に求めていますか? 他のチームはこれにどのように取り組んでいますか?

私の質問が十分に明確になったことを願っています。

前もって感謝します...

Web アプリケーションのビルド ツールとして Grunt を使用しようとしています。

少なくとも 2 つのセットアップが必要です。

I. 開発セットアップ- 連結せずに、個別のファイルからスクリプトを読み込みます。

したがって、私の index.html は次のようになります。

Ⅱ．本番環境のセットアップ- スクリプトを縮小および連結して 1 つのファイルにロードし、

それに応じてindex.htmlを使用：

問題は、実行時の構成に応じて、これらの index.html を作成するにはどうすればよいですgrunt devかgrunt prod?

または、間違った方向に掘り下げていて、常に生成する方が簡単ですがMyApp-all.min.js、すべてのスクリプト (連結) またはそれらのスクリプトを個別のファイルから非同期にロードするローダー スクリプトのいずれかをその中に入れますか?

どうやってやるの？

package.json ファイルから grunt.js に配列を渡す方法はありますか? 私はいくつかの異なる方法を試しましたが、どれもうまくいかないようです。私は現在持っています：

パッケージ.json

私が見つけた唯一の解決策は、配列の特定のインデックスを渡すことです。例: <%= pkg.lint[0] %>。よろしくお願いします。

HTML5 アプリの展開プロセスに取り組んでいます。コンパスと SCSS を使用してスタイリングを行っており、プロジェクト ディレクトリのルートにコンパスを構成するための config.rb があります。上部にいくつかのインポートがあり、他のファイルを正しい順序でインポートする app.scss ファイルがあります。

config.rb でその app.scss ファイルを指定できないようですが、コンパスが各ファイルをコンパイルしようとするsass_dirオプションしかありません。これは、たとえば login.scss が definitions.scss をインポートせず、そこからの変数が参照されると壊れるために壊れます。app.scss だけが他のすべてのファイルについて知っているため、コンパイルされた唯一のファイルである必要があります

これは可能ですか？また、最終的にこれはすべて grunt と grunt-compass プラグインを介して行われるため、コマンドライン引数を指定することはできません。

gruntjs 'Hello World' プロジェクトに取り組んでいますが、grunt タスクをインストールするのに最適な場所がないようです。たとえば、coffeescript のコンパイルを開始したい場合、'grunt-coffee' タスクをインストールする必要があります。

オプション 1: src ツリーに直接インストールする

これはうなり声があなたにそれをしてもらいたい方法のようで、うまくいきます。

ただし、これによりプロジェクト ツリーに 7.2mg が追加されます。src コントロールに入れたくありませんが、削除すると、grunt はプロジェクトをビルドしません。私はそれを .gitignore できますが、リポジトリをダウンロードする他の人は、同じインストールを行わないとビルドできません。これは、CI サーバーにとっても少し面倒です。

オプション 2: グローバルにインストールする

この方法でプラグインをインストールすると、Grunt はプラグインを見つけることができません。

なぜこれがサポートされないのかは私には明らかではありません。

オプション 3: 他の場所にインストールしますか?

Grunt には、タスクをローカルにロードするloadTasksという API メソッドがあります。npms をプルダウンして、ここで参照したカスタム ディレクトリに自分で移動しようとしましたが、うまくいきませんでした。例えば

その後：

オプション 4: Grunt は、その loadNpmTasks 呼び出しで、依存関係を .grunt ディレクトリのどこかにプルダウンします。

それはいいだろう... :)

編集

以下のシンドレが正しいです。オプション 1 は進むべき道ですが、package.json ファイルという 1 つの部分が欠けています。そう：

• package.json ファイルを追加し、grunt プロジェクトのすべての依存関係をそこに置きます。
• -edでnode_modulesあることを確認します。.gitignore
• README でnpm install、クローンを実行する場合、またはビルド ファイルに依存関係を追加する場合に実行するためのいくつかの指示 (引数なし) を指定します。

gruntjs と grunt-simple-mocha を使用してモカ テストを実行しています: https://github.com/yaymukund/grunt-simple-mocha

各 mocha テスト内の grunt.js ファイルで定義されたオプションにアクセスするにはどうすればよいですか?

私が達成したいのは、gruntfile に共通の構成をいくつか用意し、それをテストで使用することです。

gruntのインストールに問題があります。すべてのドキュメントとブログ投稿のチュートリアルでは、次のように実行されています。

その後、ターミナルからgruntコマンドを実行できるようになります。

gruntがエラーなしでインストールされているように見える状況がありますが、ターミナルでコマンドgruntを入力すると、次のようになります。

何が間違っているのでしょうか？そして、BASHプロファイルに手動で追加するためのうなり声はどこにありますか？