在SharePoint Framework中动态加载第三方的包，以及react组件

在使用SharePoint framework的时候，通常需要加载第三方的包，这些包在执行代码捆绑操作的时候，会一起打包到一个js文件中，使得最后生成的js文件巨大，在加载的时候会很慢，影响页面的性能，这里介绍如何动态加载第三方的包，仅在需要的时候加载。

首先创建SPFx项目，配置如下：

创建完成之后，使用VS Code打开，在termimal中执行gulp bundle命令进行捆绑，结束之后会在dist文件夹中生成一个js文件”dynamic-import-demo-web-part.js“。

然后使用gulp serve，启动本地的work bench工作台，将webpart添加到页面中，打开Chrome的调试工具，可以看到在这个js文件加载了，文件大小是27.7KB

然后我们引入第三方的包”moment“，这是一个常用的用来处理日期的包，在termimal中使用 npm install moment安装，然后导入到webpart项目中，如下所示。