За последние месяцы мы в Ньюлоджик Диджитал работали над нашим собственным проектом с открытым исходным кодом, построенным на основе Vite.

Называется Витуум, сочетание слов Быстрый (французское слово «быстро») а также Ваш (эстонское слово «ядро»).


Попробуйте!

Если вы хотите попробовать все это прямо сейчас, посетите Попробуйте Витуум онлайн раздел на официальном сайте. Здесь вы можете сразу же попробовать множество онлайн-примеров на StackBlitz.


Так что же такое Витуум?

Это небольшая оболочка вокруг Vite, которая включает предопределенную конфигурацию и интеграции. Основная цель — добавить некоторые дополнительные функции поверх Vite.

  • Основное внимание уделяется легкому внутренняя интеграция но можно использовать для чего угодно.
  • Измененная команда сборки vituum build используется, который поддерживает создание файлов механизма шаблонов, оканчивающихся на ext-name, таких как .twig, .pug или же .latte

Думайте об этом как о Vite стартовый пакет готов идти.

Это также мост для разработчиков, которые все еще зависят от шаблонизаторы или более старые интерфейсные инструменты, такие как глоток или же ворчание и хотите перейти на Быстрый.


Движки шаблонов

Сегодня интерфейсные инструменты потрясающие, но старые добрые шаблонизаторы уже не пользуются достаточной популярностью.

Vituum пытается изменить это с помощью поддержки шаблонизаторов в Vite. Надо поторопиться с шаблонами!

Веточка, Жидкость, Мопс, Нанджакс, Руль, Латте — их куча!

Механизмы шаблонов отлично подходят для быстрого прототипирования и быстрой подготовки шаблонов для серверной интеграции, такой как Симфони, Ларавель или же милый.

Узнайте больше о механизмах шаблонов на vituum.dev


Многостраничная поддержка

Vituum упрощает использование нескольких .html файлы в src/views каталог из коробки. Даже с вложением.

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

Вы даже можете улучшить это с помощью PostHTML синтаксис как <include> включить небольшие html-компоненты или использовать другие шаблонизаторы.


Структура проекта

Vituum имеет предопределенную необязательную структуру для файлов вашего проекта. Вы всегда можете изменить структуру по своему вкусу через конфигурация.

  • 📁 публичный — место для статических файлов и dist файлов
  • 📁 источник
    • 📁 ресурсы — ваши статические файлы как .png, .svg
    • 📁 данные — ваш .json данные, используемые в шаблонах
    • 📁 электронные письма — ваши шаблоны писем
    • 📁 сценарии — ваши файлы скриптов как .js, .ts
    • 📁 стили — ваши файлы стилей как .css, .scss
    • 📁 шаблоны — ваши файлы шаблонов как .twig, .latte
    • 📁 Просмотры — ваши страницы как .htmlвы также можете вложить и определить страницу как .json или же .twig, .latte и другие


Импорт

В ванили css а также js вы можете импортировать один файл за раз. шары как *.css или же *.js невозможны.

Чтобы автоматически импортировать несколько файлов, пороков использует внутренний плагин, который добавляет все импортируемые файлы в каталоги в один файл.

Это замечательно, если у вас сложный проект с большим количеством стилей или файлов сценариев.

Вы можете узнать больше об этом на vituum.dev


электронные письма

Написание шаблонов писем всегда было сложной задачей. пороков пытается облегчить вам задачу.

Можете добавить @витуум/сок интеграции, а затем писать стили в PostCSS или любой препроцессор ты хочешь. Все будет встроено в html через Сок.

Html можно писать любым шаблонизаторвключая PostHTML.

Вы даже можете протестировать отправку электронной почты через vituum send команда.

Вы можете узнать больше об этом на vituum.dev


Интеграции

Все модули могут быть дополнительно добавлены с помощью API интеграции. Используя этот API, вы даже можете написать свою собственную команду, а затем запустить ее через vituum my-command

Среди наших интеграций также популярен TailwindCSS. Вы можете легко добавить его через vite.config.js, tailwind.config.cjs и вы можете начать использовать эту библиотеку в полной мере без сложной настройки.

Мы написали собственную интеграцию в Newlogic — @newlogic-цифровой/ядро с предварительно подготовленной конфигурацией, интеграциями и расширениями для шаблонизаторов для удобства использования в наших проектах.

Вы можете узнать больше об интеграции на vituum.dev


Нравится?

Витуум также хорош в качестве генератор статических сайтов. Однако, если вы ищете комплексное решение для чисто статических страниц, мы определенно рекомендуем попробовать Астро.

Весь проект имеет полную документацию по vituum.dev и вы также можете следить за ним Твиттер под @vituum_dev.

Если ты хочешь поддерживать проект, пожалуйста дай нам звезду на Гитхаб. И если вы действительно хотите сильно поддержать проект, вы также можете стать нашим партнером и поддержать дальнейшее развитие финансово. В таком случае свяжитесь со мной по lubomir.blazek@newlogic.cz и ваш логотип может появиться на страницах проекта.

Кроме того, любая помощь, будь то добавление вопросы или же запросы на вытягивание приветствуется!

пороков