В данной документации не отображена структура каталогов и файлов js/css сборки фронтенда. Для кастомизации и сборки, используйте gulpfile.mjs(в корневой директории проекта). Js/css исходники вы найдете в каталоге app/
Сборка фронтенда в продакшн запускается командой
Командой
на порту 3000 вы можете поднять локальный browser-sync сервер, в вашем браузере откроется целый "комбайн" с несколькими панелями, предназначенный для bootstrap вёрски и кастомизации.
Различные UI элементы, иконки fontawesome, чистая страница, заметки.
изменения в scss прослушиваются и тут же применяются без перезагрузки, верстайте в своё удовольствие и на свой вкус - всё с системой вы делаете на свой страх и риск 😉
- Внимание
- Учитывайте что при сборке очищаются следующие каталоги указанные в gulpfile.mjs
В указанные каталоги командой сборки автоматически собираются файлы из каталогов
- Заметки
- На данном примере показаны логические каталоги assets/system для системного фронтенда, любые свои фронтенд сборки для сайтов-проектов вы можете собирать в другой каталог, и это будет логично assets/my-frontend-dirname. Для этого поправьте пути в gulpfile.mjs
Вы можете собирать любые свои кастомизированные бустраповские фронтенд css/js сборки для ваших проектов работающих вне админ панели. Картинки при сборке сжимаются, файлы минифицируются, у минифицированных версий удаляются комментарии.
- Заметки
- Для динамического вызова модальных окон и действий из бекенда по триггерам, вы должны включить в свою сборку app/js/main.js Там нет лишнего функционала админ панели и модулей, всё это специально вынесено в отдельные js файлы.
app/js/main.js импортирует в единую сборку только jQuery v3.6.0, js модули Bootstrap v4.6.1 и js файл взаимодействия с бекендом по триггерам - app/js/import/wrong.js
Все остальные библиотеки, js, css вы подключаете по мере необходимости для вашего конкретного проекта и задач. Ваша локальная среда для сборки фронтенда - это каталог app/ и команды gulp.
В разделе шаблонизация, своя вёрстка, стили подробно показаны способы подключения стилей и скриптов в шаблонах ваших страниц, таких способов несколько.
