Есть ли способ извлечь и внедрить js-код для моих компонентов выше fold?

#javascript #css #reactjs #material-ui

#javascript #css #reactjs #материал-пользовательский интерфейс

Вопрос:

В настоящее время моя сборка webpack генерирует только 2 файла: App.js (~ 1,2 МБ) amp; vendor.js (~ 213 кб). Чтобы сократить время до первого рисования, я хотел извлечь свою оболочку приложения (все статические ресурсы HTML, CSS, JS). В моем случае это была бы панель приложений Material-ui с меню значков и списком, состоящим из элементов paper. Есть ли способ извлечь и встроить js-код, который генерирует мои компоненты material-ui над сгибом (перед моим App.js и vendor.js получить оценку и анализ). Что приводит к почти мгновенной загрузке оболочки приложения.

Комментарии:

1. Это то, что «Рендеринг на стороне сервера» делает для вас.

2. @JeffMcCloud Я имел в виду добиться чего-то подобного: developers.google.com/web/updates/2015/11/app-she