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

bluwy · web-flow · commit 274c10eb9e94 · 2022-04-28T07:45:55.000+02:00
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/packages/playground/tailwind/postcss.config.ts b/packages/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

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-// postcss.config.js`
	`1`	`+// postcss.config.ts`
`2`	`2`	`module.exports = {`
`3`	`3`	`plugins: {`
`4`	`4`	`tailwindcss: { config: __dirname + '/tailwind.config.js' },`