sass - 如何使用 Next.js 启用和强制使用 Autoprefixer？

Question

我正在尝试使用 Next.js 启用供应商前缀，但它们不起作用。我正在使用 SCSS 模块，也尝试使用普通 CSS，但这不起作用。

编辑:我正在使用自定义 PostCSS 文件:

module.exports = {
    plugins: [
        "postcss-flexbugs-fixes",
        [
            "postcss-preset-env",
            {
                autoprefixer: {
                    flexbox: true,
                    grid: "autoplace",
                },
                stage: 3,
                features: {
                    "custom-properties": true,
                },
            },
        ],
    ],
};

Answer 1

您只需要调整 package.json 中的 browserslist。

{
  "browserslist":[
     ......
  ]

}

尝试访问此处以获取 browserslist 中的更多信息: https://github.com/browserslist/browserslist