Инструменты сборки — это замечательный актив для разработки приложений, поскольку они дают вам более точный контроль над вашими фоновыми операциями и позволяют автоматизировать многие процессы, такие как минимизация, компиляция, модульное тестирование, линтинг и т. д., которые в противном случае вам пришлось бы выполнять вручную. Исполнители задач в системе сборки действуют как боты, которые выполняют эти задачи автоматически, давая разработчику больше времени, чтобы сосредоточиться на важных функциях своего приложения. Нам в Stamplay нравится все автоматизировать, поэтому мы создали плагины Grunt и Gulp, чтобы разработчики могли использовать их в своих приложениях Stamplay!
GRUNT
GruntJS — это инструмент для сборки из командной строки на основе JavaScript, который помогает разработчикам автоматизировать повторяющиеся задачи. Используя Stamplay, разработчики могут использовать плагин Grunt для развертывания проекта.
1.1 Установить плагин
- Для начала вам нужно будет создать файл package.json в корневом каталоге вашего проекта. Убедитесь, что у него есть имя, версия и devDependencies.
- Запустите в командной строке: npm install grunt-stamplay — save-dev
1.2 Настройка Gruntfile
- Создайте файл с именем Gruntfile.js в корневом каталоге вашего проекта.
- Добавьте оболочку для задачи.
- https://gist.github.com/isaacg11/a08f2fb6c8d1c08b8a0e
- В файле Grunt вашего проекта добавьте раздел с именем stamplay к объекту данных, переданному в grunt.initConfig(). Введите свой AppId и ключ API.
- https://gist.github.com/isaacg11/0603789619d0e1fd6283
- Затем включите плагин внутри вашего Gruntfile.
- https://gist.github.com/isaacg11/ed1126bcbcb50c08fbf0
1.3 Запустить задание!
- Запустите в командной строке: grunt [taskName]
- Приложение развернуто! Успех!
GULP
Gulp – это программа для выполнения задач на JavaScript, позволяющая автоматизировать такие задачи, как объединение и минимизация библиотек и таблиц стилей, обновление браузера при сохранении файла, быстрый запуск модульных тестов, выполнение анализа кода и т. д. и т. д. Используя Stamplay, разработчики могут использовать подключаемый модуль Gulp для развертывания проекта.
2.1 Установить плагин
- Для начала вам нужно будет создать файл package.json в корневом каталоге вашего проекта. Убедитесь, что у него есть имя, версия и devDependencies.
- Запустите в командной строке: npm install gulp-stamplay — save-dev
2.2 Настройка Gulpfile
- Создайте файл с именем gulpfile.js в корневом каталоге вашего проекта.
- Требуются модули для gulp и stampplay. Введите свой AppId и ключ API.
- https://gist.github.com/isaacg11/b6e1a39c353d32f551d7
- Дайте задаче название и сообщение.
- https://gist.github.com/isaacg11/70709e97e984bcdad743
2.3 Запустить задачу!
- Запустите в командной строке: gulp [имя_задачи]
- Приложение развернуто! Успех!
По вопросам, касающимся этих плагинов, не стесняйтесь писать нам в Твиттере на @stamplay. Кроме того, вы можете присоединиться к нашему каналу Stamplayers Slack, чтобы получать обновления в режиме реального времени и поддержку сообщества!