似乎 webpack 卡在 92% 的块资产优化上大约 30 多秒，以显示一个简单的 js/css 更改。对于任何理智的人来说，这太长了，无法坐等他们一生中的大部分时间来看到应该立即呈现的东西。

我们处于开发模式（所以我们需要源映射，这会增加延迟）但它仍然不应超过 30 秒。此外，我们没有使用 uglify（我在 GitHub 上看到它占用了大量时间）。

我们如何才能使构建时间接近即时，或者比现在快得多？

更新

这是laravel-mix文件：

let mix = require('laravel-mix');

mix.react('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css')
   .options({
     processCssUrls: false
   });

mix.webpackConfig({
    // Note: First build will always be slower regardless
    // Here we're talking about rebuild time

    // If commented out, rebuild is ~6 secs
    // devtool: "inline-source-map",

    // If not commented out, rebuild is 30+ secs
    devtool: "inline-source-map",
});

我发现inline-source-map它是最快调试的最佳选择，因为它提供了关于在源代码中修复哪一行错误的最详细信息，非常非常直接地说明了在哪里修复。我发现其他类型相比之下更加神秘，并且没有指示在源代码中修复哪个行号，因此调试需要更长的时间。

你们是怎么做的？有没有一种方法可以真正快速地重建，同时仍然能够使用源代码中的错误行号进行调试以修复它（显示在 chrome devtools 控制台中）？