Як встановити grunt та як створити скрипт з ним

Question 1

Привіт, я намагаюся встановити Grunt у Windows 7 64 bit. Я встановив Grunt за допомогою команд

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

але зараз, якщо я спробую це зробити grunt init, це видає мені помилку -

Не вдалося знайти дійсний файл Grunt. Будь ласка, дивіться посібник із початку роботи, щоб отримати додаткову інформацію про те, як налаштувати grunt: http://gruntjs.com/getting-started Фатальна помилка: Не вдається знайти файл Grunt.

Але коли я заглядаю всередину папки grunt у моїй системі, Gruntfile.jsвона є. може хтось, будь ласка, підкаже мене, як правильно встановити цей grunt та як написати вбудований скрипт, використовуючи grunt. У мене є одна сторінка HTML і сценарій Java, якщо я хочу побудувати сценарій за допомогою Grunt, як я можу це зробити?

Question 2

Щоб налаштувати збірку 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.

ПРИМІТКА:

Ви можете використовувати 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 розпізнає ~правильно.

Question 3

Деякий час нам потрібно встановити змінну PATH для WINDOWS

% USERPROFILE% \ AppData \ Roaming \ npm

Після цього тесту з where grunt

Примітка: Не забудьте закрити вікно командного рядка та відкрити його знову.

Question 4

Я отримав ту саму проблему, але вирішив її, змінивши Grunt.js на Gruntfile.js Перевірте ім'я файлу, перш ніж набирати grunt.cmd на windows cmd (якщо ви використовуєте Windows).

Question 5

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

Встановіть grunt-cli з npm i -D grunt-cliзамість того, щоб встановлювати його глобально за допомогою -g.

//package.json

...

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

Потім використовуйте, npm run buildщоб вистрілити бурчання.