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

时间:2017-09-25 21:05:51

标签: webpack postcss css-variables cssnext

将PostCSS与webpack一起使用时,我使用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 params,这有点烦人。

1 个答案:

答案 0 :(得分:0)

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