babel-plugin-syntax-import-async-component-sync:将 `import()` + `asyncComponent` 异步 react 组件加载转化为同步组件的 babel 语法插件

时间:2024-05-31 23:15:27
【文件属性】:

文件名称:babel-plugin-syntax-import-async-component-sync:将 `import()` + `asyncComponent` 异步 react 组件加载转化为同步组件的 babel 语法插件

文件大小:11KB

文件格式:ZIP

更新时间:2024-05-31 23:15:27

JavaScript

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 就存


【文件预览】:
babel-plugin-syntax-import-async-component-sync-master
----index.js(1KB)
----package.json(675B)
----test()
--------index.js(871B)
--------pages()
----package-lock.json(21KB)
----.gitignore(14B)
----CHANGELOG.md(375B)
----README.md(4KB)

网友评论