TIO-Webpack

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

Сценарии использования:

• Повторное использование фрагментов HTML-кода. Типичный сценарий разработки включает в себя header.html + xxx.html + foot.html, которые объединяются в allXxx.html.
• Компиляция, сжатие и объединение HTML, CSS и JavaScript кода.
• Предоставление возможности для разработчиков видеть результаты работы в реальном времени во время разработки HTML, CSS и JavaScript.

Предварительный просмотр результатов: Следующие скриншоты показывают вид разработчика слева и фактический вид после запуска справа.

Способ использования:

1. Скачайте код с сайта: https://gitee.com/tywo45/tio-webpack.
2. Найдите файл release/config/app-env.properties и настройте значения http.page и build.to в соответствии с каталогами вашей веб-страницы и упакованных файлов соответственно.
3. Запустите программу:
   • Дважды щёлкните на файле release/run.bat.
   • Откройте в браузере страницу http://127.0.0.1:10150, чтобы получить доступ к вашей веб-странице.
4. Упакуйте файлы:
   • Дважды щёлкните на файле release/dist.bat.
   • Сгенерированные файлы будут сохранены в каталоге, указанном в build.to.

Синтаксис за минуту: Если вы уже знакомы с Freemarker, то можете пропустить этот шаг, так как синтаксис TIO-Webpack аналогичен Freemarker. Если вы не знакомы с ним, вам нужно освоить следующие две команды для создания довольно мощных функций:

1. Команда include:

<#include "/js/app/a.js">

2. Команда if:

<#if console.log == true >
    var log = console.log.bind(console);
<#else>
    var log = function () { }; 
</#if>

Обратите внимание на материнский проект этого проекта: T-IO — это не только платформа для мгновенного обмена сообщениями на уровне миллионов пользователей. Когда у вас будет свободное время, мы предоставим вам пример проекта, который поможет вам быстрее учиться.