2017-02-03 7 views
1

У меня есть несколько модулей для регулярных посетителей сети. Затем для бэк-офиса приложения используется гораздо больше модулей, которые не нужно загружать публичным сайтом.Angular2 - webpack - Отдельные модули в более производственные файлы

Каков правильный способ создания двух файлов пулов с различными модулями? Я использую webpack.

Спасибо за любые идеи!

ответ

2

Существует способ создания фрагментов файлов js.

Вам необходимо настроить модули для Lazy Loading, а затем настроить защитные устройства CanLoad для каждой ветви маршрутизации - Back-office и Public.

Таким образом, существует только один комплект, но загружается только JS, относящаяся к этому конкретному маршруту.

Вы можете прочитать большое объяснение Виктора Савкина here.

0

После нескольких часов исследований я нашел несколько полезных ресурсов, которые могут помочь в этой теме.

Дополнительно ответ jsfrocha. Этот подход хорош для страниц SPA. Каждый модуль загружается по требованию.

https://vsavkin.com/angular-router-preloading-modules-ba3c75e424cb#.otgochysw https://vsavkin.com/angular-router-declarative-lazy-loading-7071d1f203ee#.qorg2knor

Для многостраничного приложения необходимо отдельный файл для каждой страницы, а также общий файл для всех из них. Эта тема обсуждается здесь:

https://webpack.js.org/concepts/entry-points/#multi-page-application

Учебник для установки WebPack: http://tektutorialshub.com/angular-2-with-webpack-tutorial/