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更新开始工作。

希望这可以帮助别人。