多文档场景下Word加载项部署：无需BrowserSync如何实现？

嘿，我来帮你搞定这个问题！

首先得解释你遇到的ReferenceError: Office is not defined为啥会出现——Office这个全局对象是Word客户端（不管是桌面版还是网页版）提供的，Node.js环境里根本没有这个东西！你直接用node app.js跑代码，相当于在完全脱离Word的环境里执行，自然找不到Office对象啦，这可不是编译的问题。

下面给你说不用BrowserSync部署Word加载项的正确步骤：

1. 先确保TypeScript编译配置正确 #

Office加载项本质是运行在Word内嵌浏览器里的网页，所以你的tsconfig.json得针对浏览器环境配置，比如：

• 把target设为ES6或更高版本
• module选ESNext或者AMD（适合浏览器加载）
• 指定outDir为编译后的输出目录，比如./dist

配置好后，运行编译命令：

tsc --watch  # 实时监听代码变化，自动重新编译，开发时很方便

2. 用静态文件服务器托管你的加载项 #

Office加载项必须通过HTTP/HTTPS访问（不能直接打开本地文件），所以你需要一个简单的静态服务器来代替BrowserSync，这里给你两个常用方法：

方法一：用Node.js的http-server包 #

先全局安装：

npm install -g http-server

然后到你的项目根目录或者编译输出目录（比如./dist），启动HTTPS服务器（Office加载项要求HTTPS，本地调试可以用自签名证书）：

http-server -S -C cert.pem -K key.pem -p 3000

如果还没有自签名证书，也可以先临时用HTTP（部分Office版本可能限制，建议后续生成证书）：

npx http-server ./dist -p 3000

方法二：用Python内置服务器（适合有Python环境的同学） #

Python 3版本：

python -m http.server 3000 --directory ./dist

Python 2版本：

python -m SimpleHTTPServer 3000

3. 更新加载项清单文件 #

打开你的manifest.xml，把原来指向BrowserSync的URL替换成现在静态服务器的地址，比如原来的https://localhost:3000/index.html，如果端口没变的话直接保留就行，只是服务器换成了静态服务。

4. 在Word里加载你的加载项 #

打开Word后，按这个路径操作：

• 点击「插入」选项卡 → 「我的加载项」 → 「管理我的加载项」 → 「上传我的加载项」
• 选择你的manifest.xml文件，完成加载

最后提个多文档场景的小提醒 #

多文档打开时，每个文档都会启动一个独立的加载项实例，所以你的代码要注意：

• 别用全局变量共享不同文档的状态（每个实例都是隔离的）
• 每次都通过Office.onReady()或者Office.initialize正确初始化
• 记得及时注销事件监听，避免内存泄漏

这样操作后，你的加载项就能脱离BrowserSync正常运行，多文档的异常也应该能解决啦！

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