使用create-react-app v2进行生产构建时编译失败

Question

Creating an optimized production build...
Failed to compile.

Lexical error on line 1: Unrecognized text.
  Erroneous area:
1: $progress-size - 2 * $border-size
^..^

从create-react-app v1迁移到create-react-app v2后，在进行生产构建时遇到上述编译失败。本地开发项目，即：正常运行。yarn start

注意：我在create-react-app v1中没有遇到此问题。

我试图通过使用固定这个SCSS插值算法，即：包装$progress-size和$border-size用#{}- > #{$progress-size} #{$border-size}并解决了问题。

上述错误消息的屏幕截图

谁能解释为什么我必须像那样解决它，如果有更好的方法呢？