带有React，NPM和debugging的Outlook Web-App

我想开始实施一个Outlook 365 Web加载项。 毕竟，我决定用React创build它。

我已经尝试设置一些项目，但是他们都有很多缺点：

Visual Studio 2017 Office 365 Outlook项目：

优点：

• 客户端debugging支持（非常重要）

缺点：

• 由于这是一个由IIS托pipe的Web项目，我无法使用NPM（YARN）和Webpack（没有太多的挫败感），编译ES6，JSX代码到ES5并debugging那些东西

Visual Studio代码：

优点：

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

魂斗罗：

• 没有客户端的debugging支持

---

题

不过，MS已经写了自己的文档，直到今天我们无法用Outlook中的Visual Studio代码debuggingJS代码，是否有一个舒适的替代scheme呢？

我不想放弃与React和ES6的工作，所以有VS-Web Projects和IIS的方法吗？

您认为最适合我需求的工作stream程是什么？

谢谢！

Answer 1

有一个中间地带，你可以使用VS Code，但仍然有体面的（尽pipe不像在VSdebugging那样紧密集成）。 诀窍就是确保你有 Visual Studio，但不一定是你正在debugging的VS项目：

如果您在PC /桌面的Outlook上 ：请参阅https://dev.office.com/blogs/attach-debugger-from-the-task-pane 。 本文向您展示了如何在Word的上下文中进行附加操作，但对于Outlook也是如此（而不是使用“Personality Menu”，您可以右键单击并查看相同的“attach debugger”选项）。

如果您正在debuggingOutlook的Web版本，那么更简单：只需打开浏览器的F12工具即可。

希望这可以帮助！