是否可以从`css`文件中传递PostCSS cssnext customProperties变量

Question

在对webpack使用PostCSS时，我使用的是带有以下自定义属性选项的postcss-cssnext：

pcssNext({
        features: {
            customProperties: {
                variables: {
                    'button-border-radius': '10px'
                }
            }
        }
    })

我正在使用variables选项覆盖某些节点模块(例如react-toolbox)中定义的变量。

可以通过某种方式向variables传递css文件路径吗？例如：

pcssNext({
        features: {
            customProperties: {
                variables: './myOverrideVars.css'
            }
        }
    })

在我的myOverrideVars.css文件中：

:root {
    --button-border-radius: 10px;
}

我必须使用JavaScript来覆盖css参数，这有点烦人。

Answer 1

创建一个包含css变量的对象文件，然后将其导入cssnext customProperties.variables中。