Faster webpack compile time

When adding custom css into a separate file webpack does not have to
compile the whole tailwindcss again but only the changes in
application.scss

Author: Hodel Lukas, ENT-BPN-BAN-PDC-SWE-2

lib/install/stylesheets/application.scss

@@ -1,3 +0,0 @@
-@import "tailwindcss/base";
-@import "tailwindcss/components";
-@import "tailwindcss/utilities";

lib/install/stylesheets/tailwind_after.scss

@@ -0,0 +1,2 @@
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";

lib/install/stylesheets/tailwind_before.scss

@@ -0,0 +1 @@
+@import "tailwindcss/base";

lib/install/tailwindcss_with_webpacker.rb

@@ -3,7 +3,10 @@
 
 say "Installing Tailwind CSS"
 run "yarn add tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9"
-insert_into_file "#{Webpacker.config.source_entry_path}/application.js", "\nimport \"stylesheets/application\"\n"
+insert_into_file "#{Webpacker.config.source_entry_path}/application.js",
+  "\nimport \"stylesheets/tailwind_before\""\
+  "\nimport \"stylesheets/application\""\
+  "\nimport \"stylesheets/tailwind_after\"\n"
 
 say "Configuring Tailwind CSS"
 directory Pathname.new(__dir__).join("stylesheets"), Webpacker.config.source_path.join("stylesheets")