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

Question

当使用带有 webpack 的 PostCSS 时，我使用postcss-cssnext这个选项来自定义属性：

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

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

是否可以将css文件路径传递给variables某些方式？例如：

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

在我的myOverrideVars.css文件中：

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

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

Answer 1

制作一个包含您的 css 变量的目标文件，然后将其导入 cssnextcustomProperties.variables