Postcss - 颜色函数插件 - “无法从字符串解析颜色”

使用以下 postcss 插件：

• postcss-cssnext
• postcss 嵌套
• postcss 颜色函数

使用以下颜色函数时，我经常遇到以下错误。

Unable to parse color from string "l(-20%)"

样式.css

@import 'variables.css';
//          ^-- contains: --blue: #3892e0;

& a {
    color: color(var(--blue), l(-20%));
    &:hover {
        color: color(var(--blue), l(0%));
    }
}

Webpack 2 片段

{
    loader: 'postcss-loader',
    options: {
        plugins: [
            cssImport({ path: './src' }),
            cssnext({ browsers: ['last 2 versions'] }),
            colorFunction(),
            nested(),
        ],
    }
}

该错误虽然不是描述性的，但表明,是不需要的。这遵循未来的 CSS（提议）规范，但如果你来自any其他语言。

解决方案很简单，删除,'s:

& a {
    color: color(var(--blue) l(-20%));
    &:hover {
        color: color(var(--blue) l(0%));
    }
}