92% Chunk Asset-Optimierung - Webpack

Es scheint, als würde das Webpack hängen bleiben 92% Chunk Asset-Optimierung für etwa 30 Sekunden, um eine einfache Änderung von JS/CSS anzuzeigen. Dies ist zu lang, als dass sich irgend jemand vernünftig hinsetzen könnte, um etwas zu sehen, was sofort in der Nähe sein sollte.

Wir befinden uns im Entwicklungsmodus (also brauchen wir Quellkarten, die die Latenz erhöhen), aber es sollte immer noch NICHT 30 Sekunden dauern. Auch verwenden wir kein uglify (was ich auf GitHub als sehr zeitaufwändig erwähnt gesehen habe).

Wie können wir erreichen, dass die Erstellungszeit nahezu augenblicklich ist oder viel schneller als jetzt?

UPDATE

Hier ist die laravel-mix-Datei:

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",
});

Ich fand, dass inline-source-map am besten für schnellstes Debugging geeignet ist, da es die detailliertesten Angaben zu der Fehlerzeile enthält, die in der Quelle zu beheben ist. Ich finde, andere Typen sind im Vergleich kryptischer und es gibt keinen Hinweis darauf, welche Zeilennummer in der Quelle festgelegt werden muss. Das Debuggen dauert also viel länger.

Wie macht ihr das? Gibt es eine Möglichkeit, wirklich schnell neu zu erstellen, während Sie dennoch mit der Fehlerzeilennummer in der Quelle debuggen können, um das Problem zu beheben (in Chrome devtools Console angezeigt)?