WebStorm“发布前” - 等待完成

Question

我正试图设置这个（有点荒谬）堆栈：

• Bundler：Webpack
• 图书馆：ReactJS
• 语言：TypeScript + JSX（tsx）
• IDE：WebStorm

现在，这一切都运行正常，直到我意识到我的应用程序没有被WebStorm编译，除非我在运行应用程序之前手动运行webpack命令。

我接下来尝试编辑运行/调试配置（JavaScript调试）以运行webpack作为外部工具“之前启动”。请注意“之前”。

这一切都运行良好，直到我然后意识到WebStorm异步启动 webpack并在启动后立即运行应用程序，这意味着没有自上次编译以来的更改已保存（因为webpack没有时间在应用程序运行之前完成编译）！

“简单”，想到我天真的自我，“我所要做的就是切换'等待完成'复选框，肯定必须存在！”但情况总是如此，情况并非如此。我找不到这样的复选框。

~~ 30分钟和几个脑细胞以后，我在这里。现在，问题是：

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

到目前为止我已经尝试了什么：

• 将webpack命令添加到运行/调试配置的“启动前”部分。如上所述，WebStorm不会在运行应用程序之前等待它完成，导致以前的版本运行。
• 配置NPM build脚本，只需运行webpack，然后将 添加到“发布前”部分。同样的问题。现在我开始怀疑“启动前”部分中的任何是否同步运行...

到目前为止我尚未尝试的内容（及其原因）：

• 创建运行run的自定义NPM webpack脚本，然后启动调试器。这远非理想，因为（据我所知），使用WebStorm调试器进行此操作非常困难。
• 每次调试前手动运行webpack。好吧，我已经尝试过了，它有效;但我希望很清楚为什么这不是一个好的长期解决方案。
• 在我的HTML中手动包含每个脚本。随着应用程序的增长，我可能会有更多的脚本，而且不期待手动将每个脚本添加到HTML中，这样我就可以更轻松地调试它们。

我对任何解决方案持开放态度，包括那些建议替代Webpack 的解决方案（但WebStorm，ReactJS或Typescript的任何替代方案都必须非常好，因为我已经把它放了很多考虑选择那些）。

Answer 1

这是一个已知问题，请按WEB-21022进行更新。问题不是特定于webpack，唯一的解决方法是在启动应用程序之前手动运行webpack（通过运行配置或外部工具）。请注意，我无法在调试时重新创建它，仅在运行应用程序时