Update default extensions and move to installer (#1181)

lib/install/coffee.rb

@@ -12,6 +12,9 @@
   "environment.loaders.append('coffee', coffee)\n",
   before: "module.exports"
 
+say "Updating webpack paths to include .coffee file extension"
+insert_into_file Webpacker.config.config_path, "    - .coffee\n", after: /extensions:\n/
+
 say "Copying the example entry file to #{Webpacker.config.source_entry_path}"
 copy_file "#{__dir__}/examples/coffee/hello_coffee.coffee",
   "#{Webpacker.config.source_entry_path}/hello_coffee.coffee"

lib/install/config/webpacker.yml

@@ -14,13 +14,7 @@ default: &default
   cache_manifest: false
 
   extensions:
-    - .coffee
-    - .erb
     - .js
-    - .jsx
-    - .tsx
-    - .ts
-    - .vue
     - .sass
     - .scss
     - .css

lib/install/elm.rb

@@ -25,7 +25,7 @@
 run "yarn add --dev elm-hot-loader"
 run "yarn run elm package install -- --yes"
 
-say "Updating webpack paths to include Elm file extension"
+say "Updating webpack paths to include .elm file extension"
 insert_into_file Webpacker.config.config_path, "    - .elm\n", after: /extensions:\n/
 
 say "Updating Elm source location"

lib/install/erb.rb

@@ -12,6 +12,9 @@
   "environment.loaders.append('erb', erb)\n",
   before: "module.exports"
 
+say "Updating webpack paths to include .erb file extension"
+insert_into_file Webpacker.config.config_path, "    - .erb\n", after: /extensions:\n/
+
 say "Copying the example entry file to #{Webpacker.config.source_entry_path}"
 copy_file "#{__dir__}/examples/erb/hello_erb.js.erb",
   "#{Webpacker.config.source_entry_path}/hello_erb.js.erb"

lib/install/react.rb

@@ -22,6 +22,9 @@
 say "Copying react example entry file to #{Webpacker.config.source_entry_path}"
 copy_file "#{__dir__}/examples/react/hello_react.jsx", "#{Webpacker.config.source_entry_path}/hello_react.jsx"
 
+say "Updating webpack paths to include .jsx file extension"
+insert_into_file Webpacker.config.config_path, "    - .jsx\n", after: /extensions:\n/
+
 say "Installing all react dependencies"
 run "yarn add react react-dom babel-preset-react prop-types"
 

lib/install/template.rb

@@ -34,7 +34,7 @@
 end
 
 say "Installing all JavaScript dependencies"
-run "yarn add @rails/webpacker [email protected]"
+run "yarn add @rails/webpacker"
 
 say "Installing dev server for live reloading"
 run "yarn add --dev webpack-dev-server"

lib/install/typescript.rb

@@ -30,6 +30,12 @@
 say "Copying tsconfig.json to the Rails root directory for typescript"
 copy_file "#{__dir__}/examples/#{example_source}/tsconfig.json", "tsconfig.json"
 
+say "Updating webpack paths to include .ts file extension"
+insert_into_file Webpacker.config.config_path, "    - .ts\n", after: /extensions:\n/
+
+say "Updating webpack paths to include .tsx file extension"
+insert_into_file Webpacker.config.config_path, "    - .tsx\n", after: /extensions:\n/
+
 say "Copying the example entry file to #{Webpacker.config.source_entry_path}"
 copy_file "#{__dir__}/examples/typescript/hello_typescript.ts",
   "#{Webpacker.config.source_entry_path}/hello_typescript.ts"

lib/install/vue.rb

@@ -12,6 +12,9 @@
   "environment.loaders.append('vue', vue)\n",
   before: "module.exports"
 
+say "Updating webpack paths to include .vue file extension"
+insert_into_file Webpacker.config.config_path, "    - .vue\n", after: /extensions:\n/
+
 say "Copying the example entry file to #{Webpacker.config.source_entry_path}"
 copy_file "#{__dir__}/examples/vue/hello_vue.js",
   "#{Webpacker.config.source_entry_path}/hello_vue.js"

test/test_app/config/webpacker.yml

@@ -16,13 +16,7 @@ default: &default
   cache_manifest: false
 
   extensions:
-    - .coffee
-    - .erb
     - .js
-    - .jsx
-    - .tsx
-    - .ts
-    - .vue
     - .sass
     - .scss
     - .css