0.0.4 • Published 4 years ago
babel-plugin-transform-react-lazy-import v0.0.4
babel-plugin-transform-lazy
该插件是为了解决在开发中,由于使用 Suspense
和 lazy
,在修改文件时导致产生连锁效应,最终应用被最外层的 Suspense
重新渲染。
需要注意的是:
- 请勿忘记使用
Suspense
,包裹异步引入的代码 - 初次使用删除 babel 的缓存,一般为
node_modules/.cache
文件夹
使用
function babelConfig () {
const presets = [...<your presets>];
const plugins = [...<your plugins>];
const prodPlugins = [
[
'transform-react-lazy-import',
{
checker: (local, extra) => {
return extra.startsWith('@Views')
}
}
]
];
return {
presets,
plugins,
env: {
production: {
plugins: prodPlugins
}
}
}
}
module.exports = babelConfig;