如何在 ViteJS 和 React 中使用 autoprefixer？

Question

我正在将 React 与 ViteJS 和 SASS 结合使用，但我遇到了问题。当我构建项目时，CSS/SCSS 似乎没有自动前缀。

如何使用 ViteJS 和 SASS 添加自动前缀？

Answer 1

如果您使用 Create React App 创建您的应用程序，则会自动使用自动前缀，您可能只需要在 package.json.

否则，尝试添加 autoprefixer 和 postcss：yarn add postcss autoprefixer

然后在您的根项目目录中添加一个文件postcss.config.js：

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

如果不行，请提供可重现的工程。