Skip to content

NOTES.md

Latest commit

 

History

History
43 lines (30 loc) · 3.41 KB

NOTES.md

File metadata and controls

43 lines (30 loc) · 3.41 KB

Заметки для работы с проектом

Организация файлов

Каждый проект имеет в себе zukit. Про инсталяцию и обновление zukit смотреть тут - to install the framework.

Раньше проект собирался через CodeKit и я работал в Atom. Сейчас перешел на VSCode. Столкнулся, что у CodeKit как-то много ограничений, да и опыта я накопил - потому решил перейти на простые скрипты и npm. JS код проверяется через ESLint и конфигурация лежит в eslint.config.js. ESLint версии 9 сильно изменил формат конфига - некоторые плагины не поддерживают его и из-за этого много warnings при обновление package. Форматирование JS делается с помощью Prettier - его конфиг в prettier.config.cjs. Линтинг и форматирование PHP происходит с помощью PHP Intelephense. Мне не всё нравится в нем - хочу попробовать PHP CS Fixer.

Сборка происходит при помощи wp-scripts (см тут). На самом деле внутри там используется webpack и потому все настройки идут оттуда. Для работы созданы конфиги wp-scripts.config.cjs и wp-dev.config.cjs. Для dev работает перекомпиляция при обновлении файлов. Для refresh браузера пытался использовать devServer от webpack, но не получилось настроить его вместе Local. У Вордпресса есть своё решение для локальной работы (wp-env), но не такое гибкое как Local. Потому остался на Local и подключил BrowserSync для авто-reload. Работает, но не сравнить с хот refresh от devServer... будем искать.

Выпуск новой версии

  • обновить CHANGES.md, package.json и zukit-plugin.php
  • добавить tag c номером версии git tag 2.0.1
  • запушить tags на Github git push --tags
  • на Github перейти в релизы и создать новый draft release
  • выбрать последний tag и ввести release notes
  • publish release

Разные советы/трюки

Создать из SCSS vars файл с цветами

with regex find:^$([^:]+).+ replace:.js_$1 { color: $ $1; }

without regex find:- replace:_

with regex find:$\s+ replace:$

конвертировать const { x } = wp.* в import from '@wordpress

find:const[^{]([^}]})\s*=\swp.([^\s]) replace:import $1 from '@wordpress/$2'