每次在没有 运行 gulp serve --ship 和 gulp package-solution --ship 的情况下调试 Sharepoint Framework Webpart

Debugging Sharepoint Framework Webpart without running gulp serve --ship and gulp package-solution --ship every time

我目前正在使用 Sharepoint Framework 环境开发 Sharepoint WebPart。我目前正在使用功能区(添加按钮和下拉菜单),所以我不得不在线部署 Web 部件,以便我可以测试与功能区相关的任务(workbench 中没有功能区)。

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

如您所见,在实际看到我所做的更改之前 "work" 这增加了 2 多分钟。

问题是:有没有一种方法可以在sharepoint在线环境中更快地测试在Sharepoint Framework解决方案中的js文件中所做的更改?

谢谢!

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

  1. gulp 捆绑包(不含船)
  2. gulp 打包解决方案(不含船)
  3. 正在上传sppkg文件到App目录
  4. gulp 服务 --nobrowser

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