动态加载响应页
动态加载响应页
提问于 2015-11-18 05:15:45
我对世界的反应是很新鲜的。我经历了许多反应，流动，webpack等例子，我发现当我创建一个页面作为一个反应组件，它是由webpack捆绑并加载在页面中。
当我单击每个选项卡时，如何动态加载响应组件。我已经使用reat-路由器完成了这个任务，但是问题是在index.js中，我必须包括所有的选项卡组件。
var Tab1 = require('./components/Tab1');
var Tab2 = require('./components/Tab2');
var Tab3 = require('./components/Tab3');
render((
<Router>
<Route path="/" component={Tab1}>
<Route path="about" component={Tab2} />
<Route path="users" component={Tab3} />
</Route>
</Router>
), document.body)是否有任何方法可以动态加载这些组件，而不包括页面中的早期组件？还是webpack来处理？当我搜索bundle.js时，我发现了那里的所有组件。在我的例子中，每个组件都将是一个沉重的脚本，所以在第一个加载本身中加载所有组件并不好。
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-11-19 04:40:53
最后我从这里找到了一个解决办法
https://github.com/rackt/react-router/blob/master/docs/guides/advanced/DynamicRouting.md
https://webpack.github.io/docs/code-splitting.html
require.ensure(["module-a", "module-b"], function(require) {
var a = require("module-a");
// ...
});Stack Overflow用户
发布于 2015-11-18 07:33:33
我已经用代码实现了这一点，您可以在这里找到代码形式，Dynamic React-Router
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33772300
复制相关文章
相似问题
腾讯云开发者
