Question

我必须构建多页反应应用程序。我想对所有条目使用一个主应用程序文件，而在转堆过程中替换了组件模块

./ 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']
  }
]

Webpack如何将参数传递给每个条目进行转堆

0 个答案: