如何在Web版Office任务窗格的对话框中加载Office.js？

问题现象 #

在任务窗格的<head>中通过CDN引用Office.js后，调用Office.context.ui.displayDialogAsync打开的目标URL页面，若同样在<head>中引用Office.js，会导致对话框立即关闭。即便先打开不含Office.js的页面再跳转到带引用的页面，问题依然存在。

核心原因 #

对话框是Office宿主环境的扩展窗口，共享宿主的上下文状态。重复加载完整的Office.js会触发上下文初始化冲突，宿主检测到异常后会直接关闭对话框。

可行解决方案 #

• 取消对话框页面的完整Office.js引用：如果仅需和任务窗格通信，直接使用Office对话框的通信API即可，无需加载完整脚本。任务窗格通过messageReceived事件监听，对话框页面用Office.context.ui.messageParent发送消息。
• 按需加载对话框专属逻辑：若确需用到Office.js部分功能，在对话框页面中先判断上下文类型，仅初始化对话框相关模块：

  Office.initialize = function(reason) {
      // 仅在对话框上下文下执行对应逻辑
      if (reason === "dialog") {
          // 这里编写对话框所需的Office相关操作
      }
  };
  

• 避免跳转加载Office.js：任何在对话框中加载完整Office.js的场景（包括跳转后加载）都会触发冲突，需完全避开这种写法。

我已在officejs仓库提交相关issue，并通过ScriptLab创建了最小复现示例。

内容的提问来源于stack exchange，提问作者justmars