From 354c1a2a264f36a398cc110758b582573941289a Mon Sep 17 00:00:00 2001 From: Dino Maric Date: Thu, 4 Feb 2021 13:26:00 +0100 Subject: [PATCH] Webpacker: Add tailwind.config.js During webpack installation generate `tailwind.config.js`. This commit places that file inside `stylesheets/` dir, and link to it inside `postcss.config.js`. This is the blank Tailwind confg file that one can extend to bring its own esthetics. --- lib/install/tailwindcss_with_webpacker.rb | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/lib/install/tailwindcss_with_webpacker.rb b/lib/install/tailwindcss_with_webpacker.rb index 23eeb9b3..b80c637f 100644 --- a/lib/install/tailwindcss_with_webpacker.rb +++ b/lib/install/tailwindcss_with_webpacker.rb @@ -5,10 +5,13 @@ 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" -say "Adding minimal configuration for Tailwind CSS to work properly" +say "Configuring Tailwind CSS" directory Pathname.new(__dir__).join("stylesheets"), Webpacker.config.source_path.join("stylesheets") +Dir.chdir(WEBPACK_STYLESHEETS_PATH) { run "npx tailwindcss init" } + +insert_into_file "postcss.config.js", "require('tailwindcss')(\"./app/javascript/stylesheets/tailwind.config.js\"),\n ", + before: "require('postcss-import')" -insert_into_file "postcss.config.js", "require('tailwindcss'),\n ", before: "require('postcss-import')" if APPLICATION_LAYOUT_PATH.exist? say "Add Tailwindcss include tags in application layout"