在vue-cli3中打包出现如下错误：

CSS minification error: Lexical error on line 1: Unrecognized text
原因是scss中calc中的变量使用方式 需要以 #{变量名} 的方式使用


使用以上方式导致打包出错： css 的错误，不能识别的文本

解决方案：使用变量时以如下方式使用

参考：https://stackoverflow.com/questions/53147639/compilation-failure-when-making-a-production-build-with-create-react-app-v2