Webpack, Sass - Maximale Callstack-Größe überschritten

Question

Ich verwende Webpack für meine JS-Anwendung. Für die Stile verwende ich Sass. Meine Anwendung ist ziemlich groß, also benutze ich viele @mixins und @includes.

In den letzten Tagen (während die SASS-Daten der App ein wenig mehr wuchsen), wurde ich mehrmals mit dem gleichen Fehler konfrontiert: "Uncaught RangeError: Maximale Call-Stack-Größe überschritten".

Hat jemand von euch dieses Problem auch schon einmal mit Sass gehabt? Wie tritt dieser Fehler dort normalerweise auf?

Edit:

Okay, fand ich heraus, dass Rekursivität nicht das Problem ist. Es funktioniert in Macs Firefox und den meisten Browsern für Windows, aber nicht für Macs Chrome und Safari, da die Größe des Call-Stacks viel niedriger ist.

Gibt es eine effiziente Möglichkeit, so einfach die Call-Stack-Größe des Browsers zu erreichen? Ich lese über Uglify webpack, aber das reduziert nur die Größe meiner App, nicht die Anzahl der Anrufe, richtig?

Irgendwelche anderen Ideen?

Answer 1

fand ich eine Antwort per: https://github.com/webpack/webpack/issues/1583

Dieses Problem passieren würde, wenn ich eine Änderung an einer Datei .less gemacht. [HPM] würde die Änderung bemerken, aber den Browser nicht aktualisieren, zusammen mit der RangeError.

Nach dem Auskommentieren new HotModuleReplacementPlugin() im Abschnitt plugins ging der Überlauf weg, und die CSS-Updates begannen zu arbeiten.

Hoffe das hilft jemand anderen aus.