html-webpack-plugin上的动态响应路由

时间:2017-04-03 11:48:44

标签: reactjs webpack react-router html-webpack-plugin

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

<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和一个文件。

enter image description here

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

是否有一些设置?

1 个答案:

答案 0 :(得分:2)

以这种方式进行代码分割的目的是避免在开头加载所有必需的代码,所以你的html文件不加载这些脚本是正常的,因为这会打败整个点! :)

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