Могу ли я переместить шаблон Node Pug в папку dist и динамически загружать содержимое?

Я использую parcel и babel. Для клиентской части я использовал React. На стороне сервера я использовал Node Express.

Раньше я загружал файл main.html вызовом маршрутизатора и отправлял его клиенту как res.sendFile(main.html). Это работало как точка входа React.

Но теперь я должен использовать шаблон (Мопс) вместо main.html, так как мне нужно загрузить динамический javascript на стороне клиента. Поэтому я заменяю файл main.html файлом main.pug и перемещаю его в папку dist при сборке пакета.

Теперь я пытаюсь загрузить динамический контент в этот шаблон мопса, который находится в папке /dist. Возможно ли это сделать, потому что после сборки проекта в /dist/main.pug файле нет "{}" этих заполнителей?. Я знаю, что папка /dist содержит статические файлы. В таком случае есть ли способ реализовать этот сценарий?

Я попытался загрузить файл views/main.pug, но в этом случае библиотеки React не загружались и дали мне

нельзя использовать импорт вне модуля.

Я пробовал другие ответы на этот вопрос, но не работал. Поэтому я решил переместить main.pug в /dist. Теперь библиотеки React загружают, но не динамическое содержимое.


reactjs node.js babeljs pug parcel
person Thathsara Udugampala    schedule 06.01.2020    source источник
comment
Я знаю, что могу добиться этого с помощью двух вызовов маршрутизатора. Но есть ли способ сделать это без двух вызовов маршрутизатора??   -  person Thathsara Udugampala    schedule 06.01.2020

Ответы (1)


arrow_upward
0
arrow_downward

В конце концов, я решил использовать файл views/main.pug и загрузить соответствующий скрипт на стороне клиента. Как только он загружается на стороне клиента, появляется новый запрос на мой новый серверный маршрут, и он доставляет файл public/main.html. Такой подход приводит к одному дополнительному обращению к серверу.

person Thathsara Udugampala    schedule 07.01.2020