postcss autoprefixer 在 Next.js 中不起作用

Question

我正在使用 Next.js 13。

我发现Next.js中的项目内置了postcss和autoprefixer。

所以我将 browserlist 添加到 package.json，但它不起作用（没有前缀）。

package.json

{
  ...,
  "browserslist": [
    "last 3 version",
    "> 1%",
    "not dead"
  ]
}

现在我通过导入 .module.scss 文件将样式用作模块。

如何在 Next.js 中使用自动前缀器？

Answer 1

我添加“覆盖99.5%”。这对我有用。当我运行“下一个开发”和“下一个构建”时它起作用。

package.json

"browserslist": [
  "cover 99.5%"
]

Answer 2

在 Next.js 15 上测试，安装 autoprefixer 并更新 postcss.config.mjs 和 package.json。

npm i autoprefixer

文件：postcss.config.mjs

/** @type {import('postcss-load-config').Config} */
const config = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {}, // <-- add this line
  },
};

export default config;

文件：package.json

"browserslist": ["cover 99.5%"]