node.js - 具有 React、NPM 和调试功能的 Outlook Web-App

Question

我想开始实现 Outlook 365 Web 加载项。 毕竟，我决定用 React 创建它。

我已经尝试过建立一些项目，但它们都有很多缺点:

Visual Studio 2017 Office 365 Outlook 项目:

优点:

• 客户端调试支持(非常重要)

缺点:

• 由于它是一个由 IIS 托管的 Web 项目，因此我无法使用 NPM (YARN) 和 Webpack(没有太多挫败感)，也无法将 ES6、JSX 代码编译为 ES5 并调试这些内容

Visual Studio 代码:

优点:

• Node 和 NPM 支持
• 可以轻松使用 React 和 ES6/7/JSX

魂斗罗:

• 不支持客户端调试

<小时/>

问题

但是 MS 在其自己的文档中写道，直到今天我们还无法在 Outlook 中使用 Visual Studio Code 调试 JS-Code，是否有一个舒适的替代方案可以做到这一点？

我不想放弃使用 React 和 ES6 的工作，那么有没有办法使用 VS-Web 项目和 IIS 来做到这一点？

您认为最能满足我需求的工作流程是什么？

谢谢!

Answer 1

有一个中间地带，您可以使用 VS Code，但仍然具有不错的性能(尽管不像 VS 调试那样紧密集成)。诀窍只是确保您拥有 Visual Studio，但它不必是您正在调试的 VS 项目:

如果您使用的是PC/桌面版 Outlook:请参阅https://dev.office.com/blogs/attach-debugger-from-the-task-pane 。本文向您展示了如何在 Word 上下文中附加，但这同样适用于 Outlook(并且您可以右键单击并查看相同的“附加调试器”选项，而不是使用“个性菜单”)。

如果您正在调试 Web 版本的 Outlook，那就更简单了:只需打开浏览器的 F12 工具即可。

希望这有帮助!