reactjs - html-webpack-plugin 上的动态反应路由

Question

我正在使用反应动态路线：

<Route
      path="/"
      getComponent={(location, cb) => {
        System.import('./App')
              .then(loadRoute(cb))
              .catch(errorLoading);
      }}
 />

我在 webpack 只有一个入口点：

context: path.resolve(__dirname),
  entry: {
    app: './assets/js/components/index',
  },

webpack 正在为每个路由生成每个 app.js 和一个文件。

但是我生成的 html 文件没有这些 js 文件的导入。

有什么设置吗？

Answer 1

以这种方式进行代码拆分的目的是避免在开始时加载所有必要的代码，因此您的 html 文件不加载这些脚本是正常的，因为这会破坏整点！:)

如果一切正常，如果您在浏览器中打开网络检查器，您应该会在浏览应用程序时看到获取路由包的异步请求。