[英]React-Code-Splitting Not Working
After reading this post , I tried to use react-code-splitting to splite my JavaScript bundle. 阅读这篇文章后 ,我尝试使用react-code-splitting拆分我的JavaScript包。
Webpack Version: 3.10.10
import Async from "react-code-splitting";
import React from "react";
// import Home from "pages/home/Home";
// ...
const Home = () => <Async load={import("pages/home/Home")} />
export default class PageRouter extends React.Component {
render() {
return(
<Router history={browserHistory}>
<Route exact path="/" component={Home} />
</Router>
);
}
}
It seems like just a syntax problem? 似乎只是语法问题?
export default class PageRouter extends React.Component {
render() {
^
return (...);
}
}
webpack: Failed to compile.
I can't really tell what the root issue is but, I suspect that perhaps you are missing some babel plugins. 我无法真正说出问题的根源,但我怀疑您可能缺少一些babel插件。 Check out Paragons .
查看Paragons 。 It uses React Loadable.
它使用React Loadable。 You can cross check the webpack config and examine the usage:
您可以交叉检查webpack配置并检查用法:
Start from: 从...开始:
export const CodeSplitPageLoadable = createLoadable('./demo/components/CodeSplitPage')
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.