feat: generate src/tailwind.css when not exists, Close #42

umijs · Nov 27, 2024 · 6fa704f · 6fa704f
1 parent 19d7e12
commit 6fa704f
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 7 deletions.
diff --git a/.changeset/shaggy-balloons-kneel.md b/.changeset/shaggy-balloons-kneel.md
@@ -0,0 +1,5 @@
+---
+'@umijs/tnf': patch
+---
+
+feat: generate src/tailwind.css when not exists
diff --git a/src/sync/write_tailwindcss.ts b/src/sync/write_tailwindcss.ts
@@ -106,22 +106,26 @@ export async function writeTailwindcss({
     output: path.join(tmpPath, 'tailwindcss/tailwind.css'),
     config: path.join(cwd, 'tailwind.config.js'),
   };
+
+  // Enable tailwindcss only if the config file exists
   if (!fs.existsSync(paths.config)) {
     return;
   }
 
+  // Generate input file if it doesn't exist
   if (!fs.existsSync(paths.input)) {
-    logger.error(
-      `\`src/tailwind.css\` is missing when using tailwindcss. Please create it.
-
-example:
-
+    fs.ensureDirSync(path.dirname(paths.input));
+    fs.writeFileSync(
+      paths.input,
+      `
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-      `,
+    `.trimStart(),
+    );
+    logger.info(
+      `Created \`src/tailwind.css\` file. Please customize it before using tailwindcss.`,
     );
-    return;
   }
 
   await generateFile({