2016-09-27 4 views
0

Добрый день, Я строил и угловое приложение, основанное на этом starter pack. Я пытаюсь понять, как будет выглядеть наш процесс сборки. Я заметил, при запуске:HTML в пакете веб-пакетов. Зачем?

npm run build:prod  
npm run server:prod 

Этот HTML расположен в пределах пучка file.in больших приложений это расслоение файл может быть вверх 4-5mb или больше. Это может быть проблемой для мобильного доступа. И это похоже на интуитивный подход к угловому 2.

Правильно ли это для больших приложений? Не должны ли файлы HTML загружаться по мере необходимости, а не все одновременно?

Возможно, я что-то неправильно понял.

ответ

0

Да, в основном это то, что делает Webpack. Это связки все. Вероятно, ваш выходной файл ~ 4 МБ. Вам нужно разделить файл на куски. Используя общий кусок плагина таким образом, вы сможете принести, скажем, все ваши сторонние библиотеки в один кусок.

Во-вторых, вы можете разбить файл дальше на более куски, а затем загрузить их асинхронно.

об этом можно узнать в link.

+0

Документация по Webpack - это дерьмо. Я знаю, как сгенерировать файлы с помощью плагина, но я не знаю, как его реализовать в угловом приложении. У вас есть примеры? –

+0

К сожалению, у меня нет примеров использования Angular 2, у меня есть работа только с React и Vue.js. Но принцип должен быть одним и тем же. Вы можете добавить 'require.ensure' в свои маршруты, например, или в свой' html', тогда всякий раз, когда вы переходите к определенному маршруту, он загружает только активы, связанные с этой страницей. Имеет смысл? – highFlyingDodo