Webpack、Sass - 超出最大调用堆栈大小

Question

我正在为我的 JS 应用程序使用 Webpack。对于样式，我使用 Sass。我的应用程序非常大，所以我使用了很多@mixins 和@includes。

在过去的几天里（虽然应用程序的 SASS 数据增长了一些），我多次遇到相同的以下错误：“未捕获的范围错误：超出了最大调用堆栈大小”。

你们中有人以前也遇到过 Sass 的这个问题吗？通常怎么会出现这个错误呢？

编辑：

好吧，我发现递归不是问题。它适用于 Mac 的 Firefox 和大多数 Windows 浏览器，但不适用于 Mac 的 Chrome 和 Safari，因为它们的调用堆栈大小限制要低得多。

有没有一种有效的方法可以轻松地假装达到浏览器的调用堆栈大小？我读到了有关 webpack 的内容Uglify，但这只是减少了我的应用程序的大小，而不是调用量，对吧？

还有其他想法吗？

Answer 1

我通过以下方式找到了答案：https ://github.com/webpack/webpack/issues/1583

当我更改文件时会发生此问题.less。 [HPM]会注意到更改，但无法更新浏览器以及RangeError.

new HotModuleReplacementPlugin()在该部分注释掉后plugins，溢出消失了，CSS 更新开始工作。

希望这可以帮助其他人。