Grunt основан на node.js и разработан в JS. Таким образом, вы можете использовать node.js для реализации трансмистемы и кроссплатформенных рабочих столов, таких как операции файлов и т. Д. Кроме того, Grunt и его плагины используются в качестве пакета, которым можно управлять с помощью установки NPM.
Таким образом, файл проекта Package.json, сгенерированный NPM, может записать плагин Grunt, используемый в текущем проекте, и Grunt будет вызвать файл Gruntfile.js, разрабатывать задачи (задачи) и выполнять соответствующие операции.
Установите Grunt-Cli
На самом деле, он должен установить Grunt-Cli, где установлен интерфейс командной строки Гранта (CLI). После этого команда Grunt будет распознана в командной строке. Установка Grunt-Cli не называется установкой Grunt. Это потому, что сам Грант не используется во всем мире. Если вы хотите использовать Grunt, вам нужно установить Grunt один раз для любого конкретного рабочего каталога. Это также связано с тем, что различные рабочие каталоги требуют различной работы автоматизации через Grunt, поэтому его необходимо настроить независимо.
npm install -g Grunt -cli
«Параметр SAVE-DEV, указывающий, что недавно установленная вещь будет добавлена в файл package.json.
Генерировать файл package.json
NPM имеет требование для рабочего каталога. Это требование: есть пакет.
документ. Этот файл определяет некоторую информацию о проекте (имя, описание), соответствующую рабочему каталогу, а также зависимости пакета (то есть модуль NPM).
Выполнить следующую команду для инициализации
NPM Init
Установите Grunt и необходимые плагины для текущего рабочего каталога
Метод 1
Мы установили Grunt в глобальном каталоге раньше, и теперь нам нужно представить его с текущим пути проекта. В то же время требуемые плагины могут включать в себя это:
Файлы слияния: Grunt-Contrib-Concat
Синтаксис Проверка: Grunt-Contrib-Jshint
SCSS Скомпилирован: Grunt-Contrib-Sass
Сжатый файл: grunt-contrib-uglify
Слушайте изменения файла: grunt-contrib-pwatch
Создать локальный сервер: подключение к гранту
То, как они могут быть установлены, это:
Установка NPM-Save-Dev Gruntnpm Install-плагин плагин 2-save-dev 1 плагин 2
В настоящее время в папке Package.json есть дополнительный код.
"DEVDEPEDENDIENTS": {"Grunt": "0.4.1"},Метод 2 - изменение пакета.
"DevDependencies": {"grunt": "~ 0.4.1", "Grunt-contrib-cssmin": "~ 0,7,0"}Вручную добавьте это поле в файл package.json и добавьте пакеты, от которых необходимо зависеть. Если вам нужно только установить последнюю версию, вы можете изменить ее на *, а затем выполнить установку NPM. Вы обнаружите, что в папке node_modules в папке, в которой нам нужны плагины.
Конфигурация
Вообще говоря, используйте шаблоны непосредственно в качестве файлов конфигурации.
module.exports = function (grunt) {"strict"; grunt.initconfig ({// область конфигурации плагина}); // Загрузить задачи плагинов, добавить того, кого вы хотите использовать grunt.loadnpmtasks ('grunt-contrib-uglify'); grunt.loadnpmtasks ('grunt-contrib-cssmin'); grunt.loadnpmtasks ('grunt-contrib-imagemin'); // Зарегистрировать задачу Grunt.registerTask ('по умолчанию', ['cssmin', 'Imagemin', 'uglify']);};grunt.loadnpmtasks () - это задача загрузки. На самом деле, если вы хотите использовать функцию, из какого плагина используйте этот код, чтобы добавить задачу плагина в эту часть.
grunt.registertask () - зарегистрированная задача, и по умолчанию существует дефолт по умолчанию. По умолчанию означает, что когда вы используете его в последний раз, вы можете напрямую ввести Grunt в командной строке в каталоге, чтобы выполнить зарегистрированную задачу, которая эквивалентна выполнению задачи по умолчанию.
Используя пользовательские задачи
Можно зарегистрировать больше команд задач, а другие имена могут быть использованы. например
grunt.registertask ('custom', ['cssmin', 'Imagemin']);При его использовании введите:
Грейн обычай