Как установить Grunt.js и Node.js на Ubuntu/Debian Linux

Grunt.js это утилита для выполнения задач с вашими веб-проектами, например минификация CSS и JS файлов, компиляция стилей LESS и Sass, линтинг для различных языков и многое, многое другое. Grunt.js пользуются уже многие крупные проекты, включая Twitter, WordPress и jQuery.

Установка Grunt.js и Node.js

Grunt написан на языке JavaScript, и для его работы на вашей системе, вам потребуется менеджер пакетов npm, поэтому придется установить Node.js.

Для многих систем существуют уже скомпилированные пакеты Node.js, которые можно установить с помощью средств типа apt-get, yum и т.д., но мы советуем вам этого не делать, поскольку Node.js активно развивается и наверняка та версия, которая доступна в вашей системе с помощью менеджера приложений, уже устарела.

Установка Node.js и npm

Мы будем компилировать Node.js с исходного кода. Вот как это делается на Ubuntu или Debian Linux. Сперва установим пакеты, которые нам нужны для компиляции Node.js:

$ sudo apt-get update
$ sudo apt-get install git-core curl build-essential openssl libssl-dev

Дальше, делаем копию Git-репозитория проекта Node.js:

$ git clone https://github.com/joyent/node.git
$ cd node

С помощью команды git tag можно увидеть полный список версий. На момент написания статьи, v0.11.10 является самой свежей, поэтому ее мы и будем компилировать:

$ git checkout v0.11.10
Note: checking out 'v0.11.10'.

Конфигурируем, тестируем, компилируем и устанавливаем:

$ ./configure --openssl-libpath=/usr/lib/ssl
$ make
$ make test
$ sudo make install

В зависимости от ресурсов вашей системы, компиляция и тесты (их можно пропустить) может занять некоторе время. У нас это заняло порядка 15 минут. Проверяем node и менеджер пакетов npm:

$ node --version
v0.11.10
$ npm --version
1.3.22

Установка Grunt.js

Для начала вам потребуется всего два пакета: grunt и grunt-cli, с которыми npm знаком, так что все другие требуемые пакеты он подтянет самостоятельно:

$ sudo npm install -g grunt grunt-cli
$ grunt --version
grunt-cli v0.1.11
grunt v0.4.2

Для испытания Grunt.js давайте попробуем запустить его на примере проекта WordPress, исходный код которого вы можете скачать с репозитория Subversion или с зеркала на GitHub:

$ git clone git://develop.git.wordpress.org/ wordpress
$ cd wordpress

Поскольку WordPress пользуется большим количеством дополнительных плагинов для Grunt.js, их нужно сперва установить находясь в директории wordpress:

$ sudo npm install

А теперь мы можем смело запускать задачу build через Grunt.js, которая выполнит все подзадачи (минификация CSS, JS, обработка Sass и т.д.) и разместит готовое, чисто приложение в директории build:

$ grunt build
...
Done, without errors.

Получить список всех доступных задач в данном проекте можно с помощью команды grunt --help.

Если вы хотите использовать Grunt.js в своем собственном проекте, вам потребуется лишь создать Gruntfile.js и package.json. Подробности на английском на сайте Grunt.js.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *