vue項目中postcss-nextcss的自定義屬性無法正常使用

1.vue-cli構建的項目，已經(jīng)正確安裝了nextcss，嵌套等功能可以正常使用。但是postcss-custom-properties這個插件提供的css自定義屬性無法正常使用。
代碼舉例：

:root {
    --test: #fff;
}
.hello {
    color: var(--test);
}

如上，如果:root和.hello定義在一個組件頁內(nèi)，可以正常使用，否則失效，但是:root需要定義在引入的全局css或app頁面中才有意義，請問如果解決這個問題？