之前vue-cli3引入postcss的配置: https://www.cnblogs.com/XHappyness/p/7676680.html
发现这么一个问题,我再全局global.css中定义变量
:root { --primary-color: red; }
在其他文件中使用div{color: var(--primary-color)}时,会报错variable '--primary-color' is undefined and used without a fallback
解决办法: https://www.cnblogs.com/XHappyness/p/7676680.html中第二步去掉,改为:
2. 在项目根目录下创建postcss.config.js,内容为:
module.exports = { "plugins": { "postcss-import": {}, "postcss-cssnext": {} } }
注意:在使用global.css中定义的css变量时,要@import "目录/Global.css"引入(即使main.ts中已经引入过), 不然还是会报上面的错误