Мне нужно создать многостраничное приложение.Я хотел бы использовать один основной файл приложения для всех записей, где компонентный модуль заменяется во время транс-пайлинга
. / App.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/App';
import registerServiceWorker from './registerServiceWorker';
import Component from **<dynamically_inserted_module_during_transpiling>**
const element = document.getElementById('root');
const render = (Component) => {
ReactDOM.render(<App><Component/></App>,element);
}
render(Component)
if (module.hot) {
module.hot.accept(<dynamically_inserted_module_during_transpiling>, () => {
const NextRootContainer = require(<dynamically_inserted_module_during_transpiling>).default;
render(NextRootContainer);
});
}
registerServiceWorker();
Как передать параметр каждой записив webpack, а также заставить HMR работать?Без этого подхода мне нужно создать файл приложения для каждой страницы.
Ниже приведены примеры точек входа.Я хочу использовать компоненты по умолчанию в моей точке входа, которые будут использоваться в моем отдельном app.js, и собрать его.
var entryPoints = [
{
"index":['./src/index.js']
},
{
"user_create":['./src/components/user/UserCreate.js']
}
]