WebDevStudios выпустили новый инструмент скаффолдинга блоков


WebDevStudios во вторник выпустили инструмент для случайного скаффолдинга блоков. Он представляет собой форк базисного WordPress-скрипта, показавшегося на свет в феврале вкупе с Gutenberg 7.4. Цель сотворения этого инструмента состоит в том, чтоб дозволить разрабам плагинов начать проектирование блоков без всех этих мучительных опций и установок, которые требуются даже для самых обычных блоков.

Скрипт доступен в виде npm-пакета @webdevstudios/block. Одним из различий меж базисным пакетом (в WP) и сиим является добавление случайных CSS, JS, PHP. Пакет основан на проекте WDS Block Starter для сотворения базисного одноблочного плагина. В скрипт заходит поддержка Sass, PostCSS, Webpack, Babel и ESLint.

«Одно из основных различий заключается в том, что инструмент скаффолдинга блоков просит места имен PHP», – отметил Майкл Джозеф Панага, бэкенд-разработчик в WebDevStudios. – «В базисном инструменте скаффолдинга в ядре WP есть функция –namespace, но она употребляется лишь как внутреннее место имен блока, а не как место имен PHP».

Майкл также отметил, что поменять исходную установку не так просто, если начинать со скрипта в ядре. «В WDS есть webpack.config.js, который дозволяет разрабам просто созодать то, что они желают воплотить», – поведал он.

Скрипт предназначен сначала для сотворения одноблочных плагинов, а не для разработки блоков снутри имеющегося плагина. В эталоне конкретно 1-ый метод станет самым всераспространенным в длительной перспективе, в особенности когда каталог блоков станет наиболее принципиальной частью WP.

«Разработка блоков для WordPress может показаться устрашающей», – отметил Майкл в анонсе. – «Ну и уже жутко то, что для вас необходимо знать ReactJS, необходимо устанавливать и настраивать такие инструменты, как webpack, Babel, ESLint».

Для пуска инструмента требуются крайние версии Node и npm, которые WordPress-разработчики уже обязаны иметь в собственных средах разработки. В командной строке необходимо просто перейти в каталог wp-content/plugins и выполнить последующую команду:


npm init @webdevstudios/block [Namespace]/[BlockName]

Вы получите рабочий плагин на базе входных данных BlockName. Он идет в комплекте со всеми файлами и папками, а поэтому вы сможете сходу приступить к разработке. По дефлоту плагин создаст случайный блок абзаца в качестве отправной точки.

Читайте:  Shinobi Blocks: плагин для WordPress, добавляющий блоки How-To и FAQ

Пакет содержит в себе несколько базисных установок, которые разрешают разрабам создавать свои произвольные блоки:

  • npm run start – автоматом собирает и составляет файлы по мере внесения конфигураций в процессе разработки.
  • npm run build – сформировывает окончательный код для продакшна.
  • npm run lint:css – делает линтинг CSS-файлов плагина.
  • npm run lint:js – делает линтинг JS-файлов плагина.
  • npm run lint:php – делает линтинг PHP-файлов плагина.

Скрипт прост в использовании и подойдет даже начинающим разрабам блоков. Опосля нескольких минут установки всех нужных зависимостей я сделал собственный блок Tavern Box. Я открыл редактор кода, занес несколько косметических конфигураций и протестировал его.

WebDevStudios выпустили новый инструмент скаффолдинга блоков

Сейчас у разрабов плагинов нет особенных оснований отрешаться от проектирования различных блоков. Инструменты, подобные этому, приметно упрощают процесс сотворения блоков.

Источник: wptavern.com


Ваш комментарий

Ваш адрес email не будет опубликован.

Для отправки комментария, поставьте отметку, что разрешаете сбор и обработку ваших персональных данных . Политика конфиденциальности

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.