Configure Purgecss for Tailwind (#10)

* configure purgecss for inertia and livewire

* remove unneeded file

* Update tailwind.config.js

* Update tailwind.config.js

Co-authored-by: Taylor Otwell <[email protected]>

Author: themsaid

src/Console/InstallCommand.php

@@ -148,7 +148,7 @@ protected function installLivewireStack()
         });
 
         // Tailwind Configuration...
-        copy(__DIR__.'/../../stubs/tailwind.config.js', base_path('tailwind.config.js'));
+        copy(__DIR__.'/../../stubs/livewire/tailwind.config.js', base_path('tailwind.config.js'));
         copy(__DIR__.'/../../stubs/webpack.mix.js', base_path('webpack.mix.js'));
 
         // Directories...
@@ -285,7 +285,7 @@ protected function installInertiaStack()
         $this->replaceInFile("'guard' => 'web'", "'guard' => 'sanctum'", config_path('auth.php'));
 
         // Tailwind Configuration...
-        copy(__DIR__.'/../../stubs/tailwind.config.js', base_path('tailwind.config.js'));
+        copy(__DIR__.'/../../stubs/inertia/tailwind.config.js', base_path('tailwind.config.js'));
         copy(__DIR__.'/../../stubs/webpack.mix.js', base_path('webpack.mix.js'));
 
         // Directories...

stubs/inertia/tailwind.config.js

@@ -0,0 +1,20 @@
+const defaultTheme = require('tailwindcss/defaultTheme');
+
+module.exports = {
+    purge: [
+        './storage/framework/views/*.php',
+        './resources/js/**/*.vue',
+    ],
+
+    theme: {
+        extend: {
+            fontFamily: {
+                sans: ['Nunito', ...defaultTheme.fontFamily.sans],
+            },
+        },
+    },
+
+    variants: {},
+
+    plugins: [require('@tailwindcss/ui')],
+};

stubs/tailwind.config.js stubs/livewire/tailwind.config.js

@@ -1,6 +1,10 @@
 const defaultTheme = require('tailwindcss/defaultTheme');
 
 module.exports = {
+    purge: [
+        './storage/framework/views/*.php',
+    ],
+
     theme: {
         extend: {
             fontFamily: {