前段时间，我在一个基于 create-react-app 构建的项目中，开发环境并没有遇到什么问题，但在最后打包时遇到构建的错误如下：
经过逐步排查，最终定位了样式里的这段：
margin-bottom: calc((var(--vertical-size)) * -1);
我通过注释掉 calc 和 var 同时使用的代码行，重新编译就成了。
定位到了问题那就好办了，接下来我们再来找解决方案：
解决方案
最简单的方法就是，把var 中变量，改成sass声明变量的形式，改造下就可以了
$vertical-size:8px;
margin-bottom: calc(($vertical-size * -1);
这种方案少量的还可以,多了的话，就得考虑从打包编译层面处理了，如有谁更好的方案，欢迎留言~....
