gruntをインストールする方法とそれを使用してスクリプトを作成する方法

Question 1

こんにちは私はWindows764ビットにGruntをインストールしようとしています。コマンドを使用してGruntをインストールしました

 npm install -g grunt
 npm install -g grunt-cli

しかし今、私がやろうとするとgrunt init、それは私にエラーを投げています-

有効なGruntfileが見つかりませんでした。：方法を設定作男への詳細については、スタートアップガイドを参照してください http://gruntjs.com/getting-started致命的なエラー：Gruntfileを見つけることができません。

しかし、システムのgruntフォルダーの内部を見るGruntfile.jsと、そこにあります。誰かがこのうなり声を正しくインストールする方法とうなり声を使用してビルドされたスクリプトを書く方法を教えてもらえますか？Gruntを使用してスクリプトを作成したい場合、1つのHTMLページとJavaスクリプトがあります。どうすればよいですか？

Question 2

GruntJSビルドをセットアップするには、次の手順に従います。

セットアップ済みpackage.jsonまたは新しいセットアップ済みであることを確認してください。
```
npm init
```
GruntCLIをグローバルとしてインストールします。
```
npm install -g grunt-cli
```
ローカルプロジェクトにGruntをインストールします。
```
npm install grunt --save-dev
```
ビルドプロセスで必要になる可能性のあるGruntモジュールをインストールします。このサンプルのために、ファイルを結合するためのConcatモジュールを追加します。
```
npm install grunt-contrib-concat --save-dev
```

次にGruntfile.js、ビルドプロセスを説明するをセットアップする必要があります。このサンプルでは、2つのJSファイルfile1.jsとフォルダーを組み合わせて次のものを生成file2.jsしjsますapp.js。

module.exports = function(grunt) {

    // Project configuration.
    grunt.initConfig({
        concat: {
            "options": { "separator": ";" },
            "build": {
                "src": ["js/file1.js", "js/file2.js"],
                "dest": "js/app.js"
            }
        }
    });

    // Load required modules
    grunt.loadNpmTasks('grunt-contrib-concat');

    // Task definitions
    grunt.registerTask('default', ['concat']);
};

これで、次のコマンドを使用してビルドプロセスを実行する準備が整いました。
```
grunt
```

これにより、GruntJSビルドの操作方法がわかると思います。

注意：

手順5の生のコーディングの代わりにウィザードベースの作成が必要な場合はgrunt-init、作成に使用できますGruntfile.js。

これを行うには、次の手順に従ってください。

npm install -g grunt-init
git clone https://github.com/gruntjs/grunt-init-gruntfile.git ~/.grunt-init/gruntfile
grunt-init gruntfile

Windowsユーザーの場合：cmd.exeを使用している場合は、に変更~/.grunt-init/gruntfileする必要があります%USERPROFILE%\.grunt-init\。PowerShellは~正しく認識します。

Question 3

WINDOWSのPATH変数を設定する必要がある場合があります

％USERPROFILE％\ AppData \ Roaming \ npm

そのテストの後 where grunt

注：コマンドプロンプトウィンドウを閉じて、再度開くことを忘れないでください。

Question 4

同じ問題が発生しましたが、Grunt.jsをGruntfile.jsに変更することで解決しました。Windowsのcmdでgrunt.cmdと入力する前にファイル名を確認してください（Windowsを使用している場合）。

Question 5

grunt-cliをプロジェクトのdevDependenciesにインストールしてから、package.jsonのスクリプトを介して実行する必要があります。このようにして、プロジェクトに取り組む他の開発者はすべて同じバージョンのgruntを使用し、セットアップの一部としてグローバルにインストールする必要もありません。

npm i -D grunt-cliでグローバルにインストールするのではなく、でgrunt-cliをインストールし-gます。

//package.json

...

"scripts": {
  "build": "grunt"
}

次に、npm run buildうなり声を発射するために使用します。