在不运行 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在不运行 gulp serve --ship 和 gulp package-solution --ship 的情况下调试 Sharepoint Framework Webpart
【发布时间】：2019-07-09 18:42:09
【问题描述】：

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

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

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

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

谢谢！

【问题讨论】：

标签： node.js sharepoint gulp ribbon

【解决方案1】：

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

gulp 捆绑包（不含船）
gulp package-solution（不含船）
将 sppkg 文件上传到应用目录
gulp serve --nobrowser

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

【讨论】：

非常感谢马克西姆科尔！！这正是我一直在寻找的。我确信还有另一种方法，但我在任何地方都找不到。