babel-plugin-syntax-import-async-component-sync:将 `import()` + `...

babel-plugin-syntax-import-async-component-sync 一个将 import() + asyncComponent 异步 react 组件加载转化为同步组件的 babel 语法插件，需要和 babel-plugin-syntax-dynamic-import 配合使用。 在 webpack 做前后端同构的工程中，router.js 也是同构的，这个文件会在服务器端和浏览器端分别被调用。 为了让前端代码拆分打包，router.js 通常会用 import() 来做动态加载（其实就是 webpack 的 code-splitting 拆分标示），而为了让拆分的代码（通常是一个页面组件）在渲染前获取到组件初始化的数据，我们会封装一个高阶组件来调用页面组件，同时在高阶组件中完成异步数据获取工作。 这里 import() + asyncComponent 就存