Merge pull request rails#30 from dixpac/dix/fix_webpacker_install

FIX: Webpacker install

Author: David Heinemeier Hansson

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")