Попробую обьяснить заново: приложение - експресс, с темплейтами на pug, разделены

Question

Попробую обьяснить заново: приложение - експресс, с темплейтами на pug, разделены

на above the fold, который чисто html+css+js, и below the fold, который react-SSR. Что atf что btf используют json файлы с локалями. Эти i18n файлы подключаются в мидлваре методом скана папки с локалями и реквайра каждого жсон, парсинга и сложения в одну большую Map.
Ранее, транспайлер был babel и складывал транспайленные файлы из /app в /dist.
Сейчас транспайлер typescript compiler и файлы складывает в /dist/app. Поэтому все релятивные пути поломались.
Я пытался заставить tsc складывать жсон файлы тоже в /dist, посему и сабж. Сейчас обошел тем что заменил root релятивного пути из __dir на process.cwd(), так работает.
На сколько мне известно, если прописать в тсконфиге include **/*.json то это ничего не изменит и тс не будет резолвить жсон файлы как точки входа, а только когда жсон импортят из js или ts модуля.

Так понятно?

#programming #russian #typescript

0

09.03.2019

2 ответов

15 просмотров

Gena Black

На всякий случай наш подход (мало отношения к json имеет, но к файлам - да). У нас похожая архитектура, только express отвечает только за ssr и всё, но в целом это мало что меняет. Мы компилим сервер (сам express и те несколько мидллвар и роутов что используются в нем статически, так сказать) через tsc, он ложится в папку dist/server/... (там несколько файлов) Мы компилим и бандлим приложение через вебпак два раза через две точки входа где собран код только для конкретного таргета, для web и для node Для node: dist/app.server.js и ещё куча файлов-чанков (да, эта точка входа является обычным middleware для express) Для web: dist/assets/* там все файлы хешированы, но не суть Сервер будучи скомпиленным, чтоб сервить приложение в продакшн делает requre уже запакованного webpack'ом серверного кода. Всё. Это отлично работает. В девелопменте, там всё сложней и оно компилится на лету. Вот кусок кода, который конфигурит в сервере express для ssr: function configureProduction(app: Express) { const clientStats = require(path.resolve(projectRoot, 'dist/stats.json')) const createRenderer = require(path.resolve(projectRoot, 'dist/app.server.js')).default const publicPath = '/' const assetsDir = path.resolve(projectRoot, './dist/assets') app.use(publicPath, express.static(assetsDir)) app.use( createRenderer({ clientStats, outputPath: assetsDir, }), ) } И да createRenderer и clientStats - any... но это одна такая точка и с ней можно жить

0

09.03.2019

Ivan Frolkin · Accepted Answer

Ivan Frolkin

Через ts-node наверное не будет траблы

0

09.03.2019

169 похожих чатов

Попробую обьяснить заново: приложение - експресс, с темплейтами на pug, разделены

2 ответов

Похожие вопросы