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

【问题标题】：Is it possible to pass PostCSS cssnext customProperties variables from `css` file是否可以从`css`文件传递PostCSS cssnext customProperties变量
【发布时间】：2018-03-06 22:52:52
【问题描述】：

当使用带有 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 参数，这有点烦人..

【问题讨论】：

标签： webpack postcss css-variables cssnext

【解决方案1】：

创建一个包含您的 css 变量的目标文件，然后将其导入 cssnext customProperties.variables

【讨论】：