92

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

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

しかし、今私がやろうとするとgrunt init、エラーが発生します -

有効な Gruntfile が見つかりませんでした。grunt の設定方法の詳細については、入門ガイドを参照してください: http://gruntjs.com/getting-started致命的なエラー: Gruntfile が見つかりません。

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

4

4 に答える 4

237

ここで GruntJS ビルドをセットアップする手順は次のとおりです。

  1. あなたがセットアップしたことを確認するpackage.jsonか、新しいものをセットアップしてください：

    npm init

  2. Grunt CLI をグローバルとしてインストールします。

    npm install -g grunt-cli

  3. ローカル プロジェクトに Grunt をインストールします。

    npm install grunt --save-dev

  4. ビルド プロセスで必要になる可能性のある Grunt モジュールをインストールします。このサンプルのために、ファイルを結合するための Concat モジュールを追加します。

    npm install grunt-contrib-concat --save-dev

  5. Gruntfile.jsここで、ビルド プロセスを説明するをセットアップする必要があります。このサンプルでは、​​フォルダー内の 2 つの JS ファイルfile1.jsを結合して生成します。file2.jsjsapp.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']);
};

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

    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 は~正しく認識します。

于 2013-03-29T22:41:33.850 に答える
8

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

%USERPROFILE%\AppData\Roaming\npm

そのテストの後where grunt

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

于 2016-08-03T10:51:17.743 に答える
5

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

于 2015-03-18T05:56:07.093 に答える