postcss-在循环中创建自定义属性

我刚刚用

Webpack

从

SCSS

移动到

postsss

，我想知道是否可以动态创建自定义属性

一个简单的例子：

/* input */
:root {
    @for $i from 1 to 3 {
        --layout-flex-$(i): {
            flex: $i;
        }
    }      
}

/* output */
:root {

    --layout-flex-1: {
        flex: 1;
    };

    --layout-flex-2: {
        flex: 2;
    };

    --layout-flex-3: {
        flex: 3;
    };
}

我搜索并安装了它，它在simple

@for

上运行，但使用

--properties

时出现了一个错误：

未捕获类型错误：无法在对象的fn（引导6d4f623…：130）的Object.256（index.css？e835:4）处读取未定义的在webpack\u require的属性“调用”（引导6d4f623…：606）。（引导程序6d4f623…：23）位于对象的fn（引导程序6d4f623…：130）处的网页要求（引导程序6d4f623…：606）。（index.js:3）at对象。（client.js:2804）在Object.254（client.js:2805）在webpack\u require（bootstrap 6d4f623…：606）

谢谢。

我用过：

---

这就是我所尝试的，并且出现了以下错误：

uncaughttypeerror:无法读取对象256（index.css？e835:4）处fn（bootstrap 6d4f623…：606）处未定义的at uuuuu webpack_urequire_uuu（bootstrap 6d4f623…：130）处的属性'call'。（引导程序6d4f623…：23）在对象的fn（引导程序6d4f623…：130）处的网页要求处（引导程序6d4f623…：606）。（index.js:3）at对象。（client.js:2804）在Object.254（client.js:2805）在u_uwebpack_urequire_u_u（bootstrap 6d4f623…：606）

对不起，我的知识到此为止，我从未使用过带bootstrap和postss的wepback…：（好的，谢谢你

@for $i from 1 to 15 {
    --layout-flex-$(i): {
        flex: $i;
    }
}