fix: tailwindcss to vite preset

qirolab · May 15, 2024 · 8ae4e38 · 8ae4e38
1 parent fc1f0eb
commit 8ae4e38
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/src/Presets/Vite/TailwindPreset.php b/src/Presets/Vite/TailwindPreset.php
@@ -73,7 +73,7 @@ public function getViteConfig()
         return 'css: {
         postcss: {
             plugins: [
-                require("tailwindcss")({
+                tailwindcss({
                     config: path.resolve(__dirname, "tailwind.config.js"),
                 }),
             ],
@@ -84,6 +84,7 @@ public function getViteConfig()
     public function updateViteConfig($configData)
     {
         $configData = str_replace('%app_css_input%', 'css/app.css', $configData);
+        $configData = str_replace('%tailwind_import%', 'import tailwindcss from "tailwindcss";', $configData);
 
         return str_replace('%css_config%', $this->getViteConfig(), $configData);
     }

diff --git a/src/Presets/Vite/VitePresetExport.php b/src/Presets/Vite/VitePresetExport.php
@@ -84,6 +84,7 @@ public function exportViteConfig()
             '%theme_path%',
             '%theme_name%',
             '%css_config%',
+            '%tailwind_import%',
             '%vue_import%',
             '%vue_plugin_config%',
             '%react_import%',

diff --git a/stubs/Presets/vite.config.js b/stubs/Presets/vite.config.js
@@ -1,6 +1,7 @@
 import { defineConfig } from "vite";
 import laravel from "laravel-vite-plugin";
 import path from "path";
+%tailwind_import%
 %vue_import%
 %react_import%