Я смущен тем, как реализовать SSR и Code-splittin с помощью этого стека:
- webpack 4
- реагирующая загрузка
- реагирующий маршрутизатор 4
Мне все еще неясно, как это работает.Здесь я опишу мою текущую ситуацию и предоставлю некоторые фрагменты кода, которые относятся к ней.У меня есть следующая структура проекта:
--- src /
------ client /
--------- index.js ( точка входа для клиента )
------ сервер /
--------- middleware
------------ renderer.js ( здесь я выполняю res.send (~ html с пакетами иразметка ~ )
--------- bootstrap.js ( требует index.js и требует @ babel / register )
-------- index.js
------ shared /
--------- компоненты /
--------- App.js ( используется клиентом и сервером с помощью activ-router )
У меня есть папка веб-пакета, содержащая общую конфигурацию веб-пакета иКонкретные конфиги для клиента и сервера. Как видите, я использую методы разделения кода в файле common.js (файл, который я объединяю с моей конфигурацией клиента и сервера:
После запуска команды npm запустить сборку все, что я получил, этоэти связки:
Итак, первый вопрос : : означает ли это, что мой код разделен?И почему я не вижу общий комплект?(см. варианты оптимизации)
Более того, я до сих пор не понимаю ( второй вопрос ), какой файл следует использовать в качестве записи сервера?Это bootstrap.js?
И еще один вопрос о реализации сервера ( третий вопрос ): какие пакеты я должен вставлять как сценарий из тех, что я показал вам на экране?
Надеюсь, этот пост будет полезен тем, кто борется с ssr и разбиением кода, как я.
Спасибо!