Как установить grunt и как с ним построить script

Привет, Я пытаюсь установить Grunt на Windows 7 64 бит. Я установил Grunt с помощью команд

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

но теперь, если я пытаюсь сделать grunt init, это вызывает у меня ошибку -

Не удалось найти действительный файл Grunt. См. Начало работы руководство для получения дополнительной информации о том, как настроить grunt: http://gruntjs.com/getting-started Неустранимая ошибка: невозможно найти Gruntfile.

Но когда я заглядываю в папку grunt в моей системе, есть Gruntfile.js. может кто-нибудь, пожалуйста, посоветуйте мне, как правильно установить этот хрюканье и как писать построенный Script с помощью grunt. У меня есть одна страница HTML и java Script, если я хочу построить Script с помощью Grunt, как я могу это сделать?

Ответы

Ответ 1

Для настройки GruntJS выполните следующие шаги:

Убедитесь, что вы установили свой package.json или установили новый:
```
npm init
```
Установите Grunt CLI как глобальный:
```
npm install -g grunt-cli
```
Установите Grunt в свой локальный проект:
```
npm install grunt --save-dev
```
Установите любой модуль Grunt, который вам может понадобиться в процессе сборки. Только ради этого образца я добавлю модуль Concat для объединения файлов вместе:
```
npm install grunt-contrib-concat --save-dev
```

Теперь вам нужно настроить Gruntfile.js, который будет описывать ваш процесс сборки. Для этого примера я просто объединять два 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 build.

ПРИМЕЧАНИЕ:

Вы можете использовать grunt-init для создания Gruntfile.js, если вы хотите создать на основе мастера вместо необработанного кодирования для шага 5.

Чтобы сделать это, выполните следующие действия:

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 правильно распознает ~.

Ответ 2

Некоторое время нам нужно установить переменную PATH для WINDOWS

% USERPROFILE%\AppData\Roaming\НПМ

После этого теста с where grunt

Примечание. Не забудьте закрыть окно командной строки и снова открыть его.

Ответ 3

У меня такая же проблема, но я решил ее сменить Grunt.js на Gruntfile.js Проверьте имя файла, прежде чем вводить grunt.cmd в windows cmd (если вы используете окна).

Ответ 4

Вы должны установить grunt-cli в devDependencies проекта, а затем запустить его через скрипт в вашем package.json. Таким образом, другие разработчики, работающие над проектом, будут использовать одну и ту же версию grunt, и им также не придется устанавливать глобально как часть установки.

Установите grunt-cli с npm i -D grunt-cli вместо того, чтобы устанавливать его глобально с -g.

//package.json

...

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

Затем используйте npm run build, чтобы выстрелить.