Separate Compilation on WebPack + TypeScript?

Question

[Alex Ander]

Добрый день.
Есть ли у кого опыт в реализации раздельной компиляции модулей в Webpack/Typescript приложениях?

Дело в том, что по просьбе заказчика было решено объединить 3 достаточно крупных веб-приложения с единой точкой входа. (Ранее это были 3 разных приложения на разных доменах)
Проблема в том, что app1 и так содержит в себе N-колво чанков по несколько Мегабайт, и собирается оно скажем так не быстро, а после интеграции app2 и app3 в него вообще боюсь представить что будет.

Например в тех же С/С++ раздельная компиляция делается весьма просто: грубо говоря исходный код компилируется в obj файлы и далее все они линкуются в 1 бинарник.
Хотелось бы и так же с webpack/typescript, чтобы изменения в app2 не влияли на пересборку app1 и app3.
Ну и плюс если я разработчик с команды над app3, то мне достаточно по идее скомпилировать app1 и app2 всего один раз и продолжать дальше работу над app3 без пересборки других приложений.

Спасибо.

Answer 1

[Константин Китманов]

Попробуйте awesome-ts-loader вместо дефолтного ts-loader, он пересобирает только измененные файлы.

Comments

[Alex Ander]

Константин Китманов, к сожалению не помогает.
Версии зависимостей из package.json:

"@angular/compiler": "4.3.3",
"@angular/core": "4.3.3",
"awesome-typescript-loader": "3.0.8",
"typescript": "2.2.2",

Даже вот сейчас написал простейший console.log() в одном из модулей, сохранил, и webpack пошёл пересобирать все подряд....

[Alex Ander]

Константин Китманов Сейчас нашёл на хабре статью про Angular 5.
Там как раз говорится об улучшенном компиляторе:

Angular 4:
В инкрементальной сборке Angular-компилятор (ngc) перекомпилировывал все файлы при каждом изменении, что замедляло процесс разработки.

Angular 5:
Теперь представляет улучшенную watch-опцию, которая перекомпилирует только то, что нужно.

Надеюсь после того, как обновимся этот вопрос решится :)

[Константин Китманов]

Alex Ander, это очень странно, у меня на одном из проектов awesome-ts-loader заметно ускорил сборку.

[Alex Ander]

Константин Китманов, завтра на работе попробую ради интереса поставить дефолтный ts-loader и сравнить скорость сборки.
Но в любом случае нужно переходить на Angular 5 и обновлять остальные зависимости, чем собственно и занимаемся :)