Npm “网络风暴”；“发射前”– ；等待完成

我正试图建立这个（比有点可笑的）堆栈：

• 捆绑程序：网页包
• 库：ReactJS
• 语言：TypeScript+JSX（tsx）
• IDE:WebStorm

现在，这一切都很正常，直到我意识到我的应用程序不是由WebStorm编译的，除非我在运行应用程序之前手动运行

webpack

命令

我接下来尝试的是编辑我的运行/调试配置（JavaScript调试），在“启动前”将

webpack

作为外部工具运行。注意“之前”

这一切都很正常，直到我意识到WebStorm正在异步启动

webpack

，并在启动后立即运行应用程序，这意味着自上次编译以来的所有更改都没有保存（因为

webpack

在运行应用程序之前没有时间完成编译）

“很简单，”我天真的自己想，“我所要做的就是切换‘等待完成’复选框，它肯定会存在！”但一如既往，情况并非如此。我找不到这样的复选框

大约30分钟后，几个脑细胞，我来了。现在的问题是：

如何在WebStorm中运行我的Webpack应用程序之前编译它？

---

到目前为止，我所尝试的：

• 将

  webpack

  命令添加到我的运行/调试配置的“启动前”部分。如上所述，WebStorm在运行应用程序之前不会等待它完成，而是运行以前的版本
• 将NPM

  构建

  脚本配置为只运行

  网页

  ，然后将其添加到“启动前”部分。同样的问题。现在我开始怀疑“启动前”部分中的任何内容是否同步运行

到目前为止我还没有尝试的内容（以及原因）：

• 创建一个运行

  webpack

  的自定义NPM

  run

  脚本，然后启动调试器。这远非理想，因为（据我所知）使用WebStorm调试器将非常困难
• 每次调试前手动运行

  webpack

  。嗯，我已经试过了，而且很有效；但我希望很清楚为什么这不是一个好的长期解决方案
• 在我的HTML中手动包含每个脚本。随着应用程序的发展，我可能会有更多的脚本，我并不期待手动将每个脚本添加到HTML中，这样我就可以更容易地调试它们

---

我愿意接受任何解决方案，包括建议Webpack替代方案的解决方案（但WebStorm、ReactJS或Typescript的任何替代方案都必须非常好，因为我已经花了很多心思来选择它们）。

这是一个已知问题，请关注更新。这个问题不是webpack特有的，唯一的解决方法是在启动应用程序之前手动运行webpack（通过运行配置或外部工具）。请注意，调试时无法重新创建它，只有在运行应用程序时，WebStorm才会在启动主配置之前等待启动前任务（例如，npm任务）的退出代码0。IDE中npm build任务的Run tool窗口中是否有退出代码？是的，进程可以正常退出，但WebStorm在退出应用程序之前就开始运行它，正如我在问题中所说的。我也是这样。单击调试按钮-按预期工作：IDE在运行任务之前等待完成，退出代码为0，然后在浏览器中打开URL。单击运行按钮：IDE在运行任务之前不会等待。错误跟踪为WEB-21022。