node.js - 调试 Sharepoint Framework Web 部件，无需每次都运行 gulpserve --ship 和 gulp package-solution --ship

Question

我目前正在使用 Sharepoint 框架环境开发 Sharepoint WebPart。我目前正在使用功能区(添加按钮和下拉菜单)，因此我必须在线部署 Web 部件，以便我可以测试功能区相关任务(工作台中没有功能区)。

我在 js 文件中测试简单更改的步骤如下:1)运行“gulp clean”命令来清理旧的解决方案文件〜10秒
2)运行“gulp bundle --ship”命令〜80秒
3)运行“gulp package-solution --ship”命令获取.sppkg文件~20秒
4)将sppkg文件上传到我的在线Sharepoint环境的App目录
5) 使用 webpart 刷新页面以查看更改

如您所见，在实际看到我所做的更改之前，这会增加超过 2 分钟的“工作”时间。

问题是:有没有办法可以在 sharepoint 在线环境上更快地测试 Sharepoint 框架解决方案内的 js 文件中所做的更改？

谢谢!

Answer 1

您描述了生产版本的制作。在开发过程中，您可以使用以下步骤:

1. gulp bundle (不带船)
2. gulp 打包解决方案(不带船)
3. 将 sppkg 文件上传到应用目录
4. gulpserve --nobrowser

之后，sharepoint 将从您的本地主机加载 js 文件，您无需在每次更改后重复所有这些步骤。您更改 js 文件，gulp 自动重建应用程序，您可以使用 webpart 刷新页面以查看更改