Как работает изоморфный/универсальный плагин Webpack?

Question

Я нашел 2 инструмента для решения проблемы с загрузчиками модулей со стороны сервера: webpack-isomorphic-tools и universal-webpack. Может кто-нибудь, пожалуйста, объясните мне важные шаги, как это работает? Как он захватывает/извлекает модули import ed/require?

Answer 1

Я являюсь автором этих 3 модулей.

webpack-isomorphic-tools крючков в require() функции Node.js с помощью require-hacker и перехватывает require() вызовов для всех активов с сконфигурированными extension с возвращением их Webpack скомпилированной формы (взятая из webpack-assets.json порожденной webpack-isomorphic-tools/plugin во WebPack сборки).

universal-webpack не подключается к функции require() - это всего лишь помощник для преобразования конфигурации Webpack на стороне клиента в конфигурацию Webpack на стороне сервера. Он не работает на стороне сервера или что-то в этом роде. Это всего лишь генератор конфигурации Webpack - оказалось, что Webpack имеет параметр target: "node", который выводит код, который запускается на Node.js без каких-либо проблем.

Я написал webpack-isomorphic-tools до universal-webpack, поэтому universal-webpack является рекомендуемым инструментом. Однако многие люди все еще используют webpack-isomorphic-tools (включая меня) и находят его несколько менее сложным.