diff --git a/lib/install/tailwindcss_with_webpacker.rb b/lib/install/tailwindcss_with_webpacker.rb index 4cff3d63..23eeb9b3 100644 --- a/lib/install/tailwindcss_with_webpacker.rb +++ b/lib/install/tailwindcss_with_webpacker.rb @@ -1,14 +1,9 @@ -LATEST_WEBPACKER = "\"@rails\/webpacker\": \"rails\/webpacker#b6c2180\"," WEBPACK_STYLESHEETS_PATH = "#{Webpacker.config.source_path}/stylesheets" APPLICATION_LAYOUT_PATH = Rails.root.join("app/views/layouts/application.html.erb") -# Current webpacker version relies on an older version of PostCSS -# which the latest TailwindCSS version is not compatible with -gsub_file("package.json", /\"@rails\/webpacker\".*/) { |matched_line| matched_line = LATEST_WEBPACKER } - -say "Adding latest Tailwind CSS and postCSS" -run "yarn add tailwindcss@latest postcss@latest autoprefixer@latest" -insert_into_file "#{Webpacker.config.source_entry_path}/application.js", "\nrequire(\"stylesheets/application.scss\")\n" +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" say "Adding minimal configuration for Tailwind CSS to work properly" directory Pathname.new(__dir__).join("stylesheets"), Webpacker.config.source_path.join("stylesheets")