自动前缀+样式组件（jsx）

Question

我正在使用带有 vite 的程序集。我想创建一个直接的大型装配体，但我有这样的问题。我不明白如何将 autoperixer 与 jsx 一起使用。

我真的不知道如何连接它。我已经包含了一个自动前缀器，但它仅适用于使用这种方式的 css/scss 文件：如何使用 vite + React 项目添加自动前缀器。 Pts 重新阅读了很多内容，以及如何以不同的方式将 autoprefixer 与 CSS-in-JS 以及任何地方连接起来。然后使用 postcss-js （在 npm 站点上）或使用 github 中的 autograf，但我仍然不明白如何为样式组件设置它们（并且最好不要每次都包含 import ）。请解释如何设置，最好尽可能详细。

package.json：

"devDependencies": {
    "astroturf": "^1.1.0",
    "autoprefixer": "^10.4.13",
    "postcss-js": "^4.0.1",
}

.postcssrc.cjs：

module.exports = {
    plugins: {
    autoprefixer: {},
    },
};

Answer 1

样式组件自动添加供应商前缀。但因为样式组件是最新版本，根本没有添加，但是可以用。 未添加前缀的版本：@5.3.8 该版本根本不起作用：@5.3.7 На которой вроде что-то работает: @3.5.5 - @3.5.6

Answer 2

在最新版本6中它没有添加自动前缀，我也处于同样的困境。