html-webpack-plugin 的动态反应路线
dynamic react routes at html-webpack-plugin
我正在使用 React 动态路由:
<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 文件。
是否有一些设置?
以这种方式进行代码拆分的目的是避免在开始时加载所有必要的代码,因此您的 html 文件不加载这些脚本是正常的,因为那样会破坏整个点! :)
如果一切正常,如果您在浏览器中打开网络检查器,您应该会在浏览应用程序时看到获取路由包的异步请求。
我正在使用 React 动态路由:
<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 文件。
是否有一些设置?
以这种方式进行代码拆分的目的是避免在开始时加载所有必要的代码,因此您的 html 文件不加载这些脚本是正常的,因为那样会破坏整个点! :)
如果一切正常,如果您在浏览器中打开网络检查器,您应该会在浏览应用程序时看到获取路由包的异步请求。