每次在没有 运行 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文件中所做的更改?
谢谢!
您描述了生产版本的制作。在开发过程中,您可以使用以下步骤:
- gulp 捆绑包(不含船)
- gulp 打包解决方案(不含船)
- 正在上传sppkg文件到App目录
- gulp 服务 --nobrowser
之后,sharepoint 将从您的本地主机加载 js 文件,您无需在每次更改后重复所有这些步骤。您更改 js 文件,gulp 自动重建应用程序,您可以使用 webpart 刷新页面以查看更改
我目前正在使用 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文件中所做的更改?
谢谢!
您描述了生产版本的制作。在开发过程中,您可以使用以下步骤:
- gulp 捆绑包(不含船)
- gulp 打包解决方案(不含船)
- 正在上传sppkg文件到App目录
- gulp 服务 --nobrowser
之后,sharepoint 将从您的本地主机加载 js 文件,您无需在每次更改后重复所有这些步骤。您更改 js 文件,gulp 自动重建应用程序,您可以使用 webpart 刷新页面以查看更改