使用vite配置postcss

Question

我通常将所有处理和构建配置文件保存在构建文件夹中，以作为良好的实践措施。

postcss.cofig.json

如果它位于文件夹的根目录下就可以工作，如果它移动到构建文件夹，有没有办法用 vite 配置它的位置？

这是我的文件夹结构

bin/
build/
   vite.config.js
   postcss.config.json
   ... others
src/
test/

package.json

"scripts": {
  "dev": "vite --c build/vite.config.js",
  "build": "vite build --c build/vite.config.js",
  "preview": "vite preview --c build/vite.config.js",

构建/postcss.config.js

{
  "map": true,
  "plugins": {
    "autoprefixer": {}
  }
}

---

尝试：build/vite.config.js

export default {
    root: "src",
    css: {
        postcss: {
            config: "./postcss.config.json"
        }
    },
    build: {
        outDir: "../bin",
        emptyOutDir: true,
    }
}

Answer 1

搜索是使用 postcss-load-config 完成的，并且仅加载支持的配置文件名。

上面的话的意思是你不能自定义PostCSS配置的位置。请点击以下链接获取更多详细信息https://vitejs.dev/config/shared-options.html#css-postcss