fix svelte css path issues

see: sveltejs/language-tools#1394 sveltejs/language-tools#1594
spezifisch · Sep 5, 2022 · 0dd3f18 · 0dd3f18
1 parent 8536f6d
commit 0dd3f18
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 8 deletions.
diff --git a/frontend/postcss.config.cjs b/frontend/postcss.config.cjs
@@ -0,0 +1,10 @@
+const path = require("path")
+const tailwindcss = require("tailwindcss")
+
+module.exports = {
+    plugins: {
+        "tailwindcss/nesting": {},
+        tailwindcss: path.resolve(__dirname, "./tailwind.config.js"),
+        autoprefixer: {},
+    },
+}
diff --git a/frontend/postcss.config.js b/frontend/postcss.config.js
diff --git a/frontend/svelte.config.mjs b/frontend/svelte.config.mjs
@@ -1,9 +1,15 @@
 import preprocess from "svelte-preprocess"
+import { dirname, join } from "path"
+import { fileURLToPath } from "url"
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
 
 export default {
     preprocess: [
         preprocess({
-            postcss: true,
+            postcss: {
+                configFilePath: join(__dirname, "postcss.config.cjs"),
+            },
             typescript: true,
         }),
     ],