vue+postcss報錯： variable '--primary-color' is undefined and used without a fallback

以前vue-cli3引入postcss的配置： http://www.javashuo.com/article/p-rzjrodnb-es.html

發現這麼一個問題，我再全局global.css中定義變量

:root {
  --primary-color: red;
}

在其餘文件中使用div{color: var(--primary-color)}時，會報錯variable '--primary-color' is undefined and used without a fallback

 

解決辦法： http://www.javashuo.com/article/p-rzjrodnb-es.html中第二步去掉，改成：

2. 在項目根目錄下建立postcss.config.js，內容爲：

module.exports = {
  "plugins": {
    "postcss-import": {},
    "postcss-cssnext": {}
  }
}

注意：在使用global.css中定義的css變量時，要@import "目錄/Global.css"引入（即便main.ts中已經引入過), 否則仍是會報上面的錯誤