fix(css): support postcss.config.ts (#7935)

vitejs · Apr 28, 2022 · 274c10e · 274c10e
1 parent 7f535ac
commit 274c10e
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 2 deletions.
diff --git a/packages/playground/tailwind/package.json b/packages/playground/tailwind/package.json
@@ -15,6 +15,7 @@
     "vue-router": "^4.0.0"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "workspace:*"
+    "@vitejs/plugin-vue": "workspace:*",
+    "ts-node": "^10.4.0"
   }
 }
diff --git a/...ges/playground/tailwind/postcss.config.js → ...ges/playground/tailwind/postcss.config.ts b/...ges/playground/tailwind/postcss.config.js → ...ges/playground/tailwind/postcss.config.ts
@@ -1,4 +1,4 @@
-// postcss.config.js
+// postcss.config.ts
 module.exports = {
   plugins: {
     tailwindcss: { config: __dirname + '/tailwind.config.js' },

diff --git a/packages/vite/rollup.config.js b/packages/vite/rollup.config.js
@@ -171,6 +171,11 @@ const createNodeConfig = (isProduction) => {
           'lilconfig/dist/index.js': {
             pattern: /: require,/g,
             replacement: `: eval('require'),`
+          },
+          // postcss-load-config calls require after register ts-node
+          'postcss-load-config/src/index.js': {
+            src: `require(configFile)`,
+            replacement: `eval('require')(configFile)`
           }
         }),
       commonjs({

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml