#javascript #node.js #twitter-bootstrap #express #gulp
#javascript #node.js #twitter-bootstrap #экспресс #gulp
Вопрос:
Я только недавно приобрел шаблон начальной загрузки (https://themes.getbootstrap.com/product/directory-directory-listing-bootstrap-4-theme /) из bootstrapious, который написан с использованием Pug, Gulp и SASS. Я должен также отметить, что я относительно новичок в движках шаблонов и в самом Gulp.
Последние несколько дней я работал над тем, чтобы понять, как я могу расширить шаблон с помощью Express JS, чтобы я мог вызывать маршруты для вызова функций REST из моего серверного приложения Spring Boot. Однако пока безуспешно…
Что я пробовал:
-
Создание проекта Express JS green field, установка Pug и BrowserSync для компиляции файлов .scss. Однако, когда я вызываю файл Pug из экспресс-маршрута, стилей нет, хотя я их импортировал. Похоже, что Express JS не импортирует скомпилированные стили SASS. Похоже, это правильный путь, но я не смог правильно импортировать стили, чтобы страница выглядела так, как должна, поэтому я перешел ко второму процессу обдумывания.
-
Я также попытался запустить сервер express параллельно с запуском интерфейса с помощью gulp, чтобы я мог вызывать маршруты с сервера express. Но это «решение» кажется действительно плохой практикой и также не сработало…
Правильно ли мой процесс, что первый вариант должен быть тем, с которым я иду? Как вы обычно включаете скомпилированные стили SASS в файл Pug? У кого-нибудь есть хороший пример того, как это сделать? Частично проблема также может заключаться в том, что я не могу понять, как обычно делается что-то подобное, поскольку я не нашел эталонной реализации, на которой я мог бы основывать свой проект.
До сих пор я не нашел хорошей информации по этому вопросу, поэтому я обращаюсь к сообществу SO.
Заранее большое спасибо
Комментарии:
1. Есть ли причина, по которой вы не используете свой сайт с шаблоном bootstrap в качестве статического ресурса с вашего сервера Spring Boot? Я пытаюсь понять конкурирующий HTTP-сервер.
2. Ну, я мог бы обслуживать статические http-файлы со своего сервера Spring Boot, но я хотел бы отделить интерфейс от серверной части, чтобы я мог масштабировать интерфейс и серверную часть отдельно. Если бы я просто проигнорировал это сейчас, все еще оставался вопрос о том, как я бы добавил динамические данные из REST Api на сам сайт. Pug определенно поможет в этом, поскольку он предназначен для такого рода вещей.
3. Разделение == Отличная идея. Не видя проекта (которым, как я понимаю, вы не можете поделиться), о нем слишком сложно догадаться.
4. Чем я действительно мог бы поделиться, так это самим файлом gulp ( gist.github.com/Felix-Seip/45c7a3a6704a6a6cca8cfcdb1d851eaa ). Если это не поможет прояснить ситуацию, может быть, у вас есть эталонная реализация стилизации шаблонов pug с помощью sass? На самом деле это было бы отличным началом, и я мог бы поэкспериментировать с этим.
5. Спасибо. задача Gulp по умолчанию (запускаемая
gulpиз командной строки в папке проекта) уже создает и запускает сервер разработки для вас. Когда вы редактируете любой из ресурсов в проекте, он перекомпилируется и показывает вам результат. у вас есть все, что нужно для разработки. Как только вы будете готовы к развертыванию, для этого тоже есть задачи gulp.
Ответ №1:
Оказывается, та же команда, которая разработала версию шаблона gulp / pug, также создала его версию reactjs.
Решение состояло в том, чтобы купить версию react и вернуть другую 🙂