问题描述
由于项目工程特别大,使用了import
函数与@loadable/component
结合进行组件的动态加载,从而实现Code Splitting
的效果。
如下是一个测试组件的代码:
// 这是一个组件
import React from 'react';
interface Props {
};
export default class Demo extends React.Component<Props> {
render () {
return (
<div>this is a test component</div>
);
}
};
如下是一个组件动态加载的函数:
import loadable from '@loadable/component';
export const lazyLoad = (
loader