Ахмад Авайс, создавший в прошлом году Gutenberg Boilerplate, выпустил набор инструментов Create Guten Block. Он заметно упрощает создание блоков Gutenberg: никакой конфигурации, всего одна зависимость и никакой привязки к инструменту.
Авайс создал его, после того как услышал от разработчиков, что настраивать Webpack, React, ES 6/7/8/Next, ESLint, Babel и следить за их развитием слишком сложно.
«Разработчики говорили мне, что пишут блоки Gutenberg на ES5, потому что тратить время на настройку и изучение Babel, Webpack, ESLint, Prettier и прочих инструментов не имеет смысла, — рассказал Авайс. — И да! Я пошёл дальше и сделал решение — набор инструментов для разработчиков WordPress с нулевой конфигурацией (#0CJS) под названием create-guten-block!»
Создание блока с помощью этого набора сводится к трём шагам.
Сначала нужно установить Node версии 8 или выше на локальный сервер. Затем запустить команду create-guten-block и указать имя будущего плагина — эта команда заодно создаст нужную структуру папок проекта. Последний шаг — выполнить npm start, чтобы запустить плагин в режиме разработки.
После этого плагин WordPress будет совместим с Gutenberg и получит React.js, ES 6/7/8/Next и Babel, а также конфигурацию ESLint, которую редакторы кода определяют и подхватывают автоматически.
В набор Create Guten Block входят:
- поддержка синтаксиса React, JSX и ES6;
- сборка Webpack для разработки и продакшена, работающая «за кулисами»;
- возможности языка сверх ES6, например оператор расширения объекта;
- автоматическая расстановка префиксов CSS, так что писать -webkit и другие префиксы вручную не нужно;
- скрипт сборки, который объединяет JS, CSS и изображения для продакшена с картами исходников (source maps);
- беспроблемное обновление всех этих инструментов через единственную зависимость cgb-scripts.
Проект получил положительные отзывы, в том числе от участников команды разработчиков Gutenberg.
Теперь, когда стабильная версия доступна всем, Авайс работает над версией 2.0.0. «Следующий шаг — протестировать набор и довести всё приложение до версии 2.0.0. Для этого мне нужна не только ваша поддержка: я прошу вас присоединиться и внести свой вклад — только так мы двинемся вперёд», — сказал он.
Create Guten Block распространяется по лицензии MIT и бесплатно доступен на GitHub. Если вы только знакомитесь с блоками, посмотрите также руководство «Как создать пользовательский блок Gutenberg в WordPress».
