Webpack，Sass - 超出最大調用堆棧大小

Question

我爲我的JS應用程序使用Webpack。對於我使用Sass的樣式。我的應用程序很大，所以我使用了很多@mixins和@includes。

在過去的幾天內（應用程序的SASS數據增長了一些），我多次遇到以下相同的錯誤： 「Uncaught RangeError：Maximum call stack size exceeded」。

以前有沒有人對Sass也有過這個問題？這種錯誤通常在那裏發生？

編輯：

好吧，我發現，這是遞歸不是問題。它適用於Mac的Firefox和大多數Windows瀏覽器，但不適用於Mac的Chrome和Safari，因爲它們的調用堆棧大小限制較低。

有沒有一種有效的方式來假裝達到瀏覽器的調用堆棧大小，這很容易？我閱讀了關於webpack的Uglify，但這隻會減少我的應用程序的大小，而不是通話量，對嗎？

還有其他想法嗎？

Answer 1

我找到了答案通過：https://github.com/webpack/webpack/issues/1583

當我做出了改變到.less文件會發生此問題。 [HPM]會注意到更改，但無法更新瀏覽器以及RangeError。

在plugins部分註釋掉new HotModuleReplacementPlugin()之後，溢出消失了，CSS更新開始工作。

希望這可以幫助別人。