hachi8833/rails7_frontend_options.md

## rails7_frontend_options.md

      
    Raw
  

              rails7_frontend_options.md
            
          
    A: rails newのみ

インストールされるgem


gem "sprockets-rails", ">= 3.4.2"
gem "importmap-rails", ">= 1.0.1"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"

# 実行されるインストールコマンド
rails  importmap:install
インストールされないgem


gem "propshaft", ">= 0.4.4"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

B: rails newと-a propshaft

インストールされるgem


gem "propshaft", ">= 0.4.4"
gem "importmap-rails", ">= 1.0.1"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"

# 実行されるインストールコマンド
rails  importmap:install
インストールされないgem


gem "sprockets-rails", ">= 3.4.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

C: rails newと-j importmap

Aと同じ結果。しかし、importmapがデフォルトというわけではなさそう（-cオプション次第ではesbuildが自動的に使われるので）
インストールされるgem


gem "sprockets-rails", ">= 3.4.2"
gem "importmap-rails", ">= 1.0.1"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"

# 実行されるインストールコマンド
rails  importmap:install
インストールされないgem


gem "propshaft", ">= 0.4.4"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

D: rails newと-j esbuild

インストールされるgem


gem "sprockets-rails", ">= 3.4.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"

# 実行されるインストールコマンド
rails  javascript:install:esbuild

rails  turbo:install stimulus:install
インストールされないgem


gem "importmap-rails", ">= 1.0.1"
gem "propshaft", ">= 0.4.4"
gem "cssbundling-rails", ">= 1.0.0"

E: rails newと-j rollup

インストールされるgem


gem "sprockets-rails", ">= 3.4.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"

# 実行されるインストールコマンド
rails  javascript:install:rollup

rails  turbo:install stimulus:install
インストールされないgem


gem "importmap-rails", ">= 1.0.1"
gem "propshaft", ">= 0.4.4"
gem "cssbundling-rails", ">= 1.0.0"

F: rails newと-j webpack

インストールされるgem


gem "sprockets-rails", ">= 3.4.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"

# 実行されるインストールコマンド
rails  javascript:install:webpack

rails  turbo:install stimulus:install
インストールされないgem


gem "importmap-rails", ">= 1.0.1"
gem "propshaft", ">= 0.4.4"
gem "cssbundling-rails", ">= 1.0.0"

G: rails newと-c tailwind

tailwindの場合は他のCSSフレームワークよりシンプルになる（他はesbuildを使っている）。
インストールされるgem


gem "sprockets-rails", ">= 3.4.2"
gem "importmap-rails", ">= 1.0.1"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"
gem "tailwindcss-rails", ">= 2.0.2-x86_64-linux"

# 実行されるインストールコマンド
rails  importmap:install
インストールされないgem


gem "propshaft", ">= 0.4.4"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

H: rails newと-c bootstrap

インストールされるgem


gem "sprockets-rails", ">= 3.4.2"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

# 実行されるインストールコマンド
rails  javascript:install:esbuild

rails  turbo:install stimulus:install

rails  css:install:bootstrap
インストールされないgem


gem "importmap-rails", ">= 1.0.1"
gem "propshaft", ">= 0.4.4"

I: rails newと-c postcss

インストールされるgem


gem "sprockets-rails", ">= 3.4.2"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

# 実行されるインストールコマンド
rails  javascript:install:esbuild

rails  turbo:install stimulus:install

rails  css:install:postcss
インストールされないgem


gem "importmap-rails", ">= 1.0.1"
gem "propshaft", ">= 0.4.4"

J: rails newと-c sass

インストールされるgem


gem "sprockets-rails", ">= 3.4.2"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

# 実行されるインストールコマンド
rails  javascript:install:esbuild

rails  turbo:install stimulus:install

rails  css:install:sass
インストールされないgem


gem "importmap-rails", ">= 1.0.1"
gem "propshaft", ">= 0.4.4"

K: rails newと-a propshaft -j importmap

インストールされるgem


gem "propshaft", ">= 0.4.4"
gem "importmap-rails", ">= 1.0.1"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"

# 実行されるインストールコマンド
rails  importmap:install
インストールされないgem


gem "sprockets-rails", ">= 3.4.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

L: rails newと-a propshaft -j esbuild

インストールされるgem


gem "propshaft", ">= 0.4.4"
gem "jsbundling-rails", ">= 1.0.0"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"

# 実行されるインストールコマンド
rails  javascript:install:esbuild

rails  turbo:install stimulus:install
インストールされないgem


gem "sprockets-rails", ">= 3.4.2"
gem "importmap-rails", ">= 1.0.1"
gem "cssbundling-rails", ">= 1.0.0"

M: rails newと-a propshaft -j rollup

インストールされるgem


gem "propshaft", ">= 0.4.4"
gem "jsbundling-rails", ">= 1.0.0"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"

# 実行されるインストールコマンド
rails  javascript:install:rollup

rails  turbo:install stimulus:install
インストールされないgem


gem "sprockets-rails", ">= 3.4.2"
gem "importmap-rails", ">= 1.0.1"
gem "cssbundling-rails", ">= 1.0.0"

N: rails newと-a propshaft -j webpack

インストールされるgem


gem "propshaft", ">= 0.4.4"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"

# 実行されるインストールコマンド
rails  javascript:install:webpack

rails  turbo:install stimulus:install
インストールされないgem


gem "sprockets-rails", ">= 3.4.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "importmap-rails", ">= 1.0.1"
gem "cssbundling-rails", ">= 1.0.0"

O: rails newと-a propshaft -c tailwind

インストールされるgem


gem "propshaft", ">= 0.4.4"
gem "importmap-rails", ">= 1.0.1"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"
gem "tailwindcss-rails", ">= 2.0.2-x86_64-linux"

インストールされないgem


gem "sprockets-rails", ">= 3.4.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

# 実行されるインストールコマンド
rails  importmap:install

rails  turbo:install stimulus:install

rails  tailwindcss:install

FYI: RC1では以下のエラーが発生したが、リリース版ではインストールに成功した。

# 実行されるインストールコマンド
rails  importmap:install

rails aborted!
NameError: uninitialized constant Tailwindcss::Engine::Sprockets

      Sprockets.register_compressor "text/css", :purger, Tailwindcss::Compressor
      ^^^^^^^^^
Did you mean?  Socket
               Process
               IPSocket
/app/config/environment.rb:5:in `<main>'
Tasks: TOP => app:template => environment
(See full trace by running task with --trace)
       rails  turbo:install stimulus:install
You must either be running with node (package.json) or importmap-rails (config/importmap.rb) to use this gem.
You must either be running with node (package.json) or importmap-rails (config/importmap.rb) to use this gem.
       rails  tailwindcss:install
rails aborted!
NameError: uninitialized constant Tailwindcss::Engine::Sprockets

      Sprockets.register_compressor "text/css", :purger, Tailwindcss::Compressor
      ^^^^^^^^^
Did you mean?  Socket
               Process
               IPSocket
/app/config/environment.rb:5:in `<main>'
Tasks: TOP => app:template => environment
(See full trace by running task with --trace)
P: rails newと-a propshaft -c bootstrap

インストールされるgem


gem "propshaft", ">= 0.4.4"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

# 実行されるインストールコマンド
rails  javascript:install:esbuild

rails  turbo:install stimulus:install

rails  css:install:bootstrap
インストールされないgem


gem "importmap-rails", ">= 1.0.1"
gem "sprockets-rails", ">= 3.4.2"

Q: rails newと-a propshaft -c postcss

インストールされるgem


gem "propshaft", ">= 0.4.4"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

# 実行されるインストールコマンド
rails  javascript:install:esbuild

rails  turbo:install stimulus:install

rails  css:install:postcss
インストールされないgem


gem "importmap-rails", ">= 1.0.1"
gem "sprockets-rails", ">= 3.4.2"

R: rails newと-a propshaft -c sass

インストールされるgem


gem "propshaft", ">= 0.4.4"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

# 実行されるインストールコマンド
rails  javascript:install:esbuild

rails  turbo:install stimulus:install

rails  css:install:sass
インストールされないgem


gem "importmap-rails", ">= 1.0.1"
gem "sprockets-rails", ">= 3.4.2"

S: rails newと-j importmap -c tailwind

jsbundling-railsとcssbundling-railsはインストールされない。
インストールされるgem


gem "sprockets-rails", ">= 3.4.2"
gem "importmap-rails", ">= 1.0.1"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"
gem "tailwindcss-rails", ">= 2.0.2-x86_64-linux"

# 実行されるインストールコマンド
rails  importmap:install
インストールされないgem


gem "propshaft", ">= 0.4.4"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

T: rails newと-j importmap -c bootstrap

インストールされるgem


gem "sprockets-rails", ">= 3.4.2"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

# 実行されるインストールコマンド
rails  javascript:install:esbuild

rails  turbo:install stimulus:install

rails  css:install:sass
インストールされないgem


gem "importmap-rails", ">= 1.0.1"
gem "propshaft", ">= 0.4.4"

U: rails newと-j importmap -c sass

この場合はimportmap-railsがインストールされず、esbuildが使われる。
インストールされるgem


gem "sprockets-rails", ">= 3.4.2"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

# 実行されるインストールコマンド
rails  javascript:install:esbuild

rails  turbo:install stimulus:install

rails  css:install:sass
インストールされないgem


gem "importmap-rails", ">= 1.0.1"
gem "propshaft", ">= 0.4.4"


おそらく、tailwind以外のbootstrap/postcss/sassは扱いが同じと思われるので、以後はtailwindとbootstrapのみでチェックする。

V: rails newと -j esbuild -c tailwind

この場合はtailwindcss-rails gemはインストールされず、esbuild経由でインストールされる。
インストールされるgem


gem "sprockets-rails", ">= 3.4.2"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

# 実行されるインストールコマンド
rails  javascript:install:esbuild

rails  turbo:install stimulus:install

rails  css:install:tailwind
インストールされないgem


gem "importmap-rails", ">= 1.0.1"
gem "propshaft", ">= 0.4.4"

W: rails newと-j rollup -c tailwind

インストールされるgem


gem "sprockets-rails", ">= 3.4.2"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

# 実行されるインストールコマンド
rails  javascript:install:rollup

rails  turbo:install stimulus:install

rails  css:install:tailwind
インストールされないgem


gem "importmap-rails", ">= 1.0.1"
gem "propshaft", ">= 0.4.4"

X: rails newと-j webpack -c tailwind

インストールされるgem


gem "sprockets-rails", ">= 3.4.2"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

# 実行されるインストールコマンド
rails  javascript:install:webpack

rails  turbo:install stimulus:install

rails  css:install:tailwind
インストールされないgem


gem "importmap-rails", ">= 1.0.1"
gem "propshaft", ">= 0.4.4"

Y: rails newと-a propshaft -j importmap -c tailwind

インストールされるgem


gem "importmap-rails", ">= 1.0.1"
gem "propshaft", ">= 0.4.4"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"

インストールされないgem


gem "sprockets-rails", ">= 3.4.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

# 実行されるインストールコマンド
rails  importmap:install

rails  turbo:install stimulus:install

rails  tailwindcss:install

FYI: RC1では以下のエラーが発生したが、リリース版ではインストールに成功した。

# 実行されるインストールコマンド
rails  importmap:install
rails aborted!
NameError: uninitialized constant Tailwindcss::Engine::Sprockets

      Sprockets.register_compressor "text/css", :purger, Tailwindcss::Compressor
      ^^^^^^^^^
Did you mean?  Socket
               Process
               IPSocket
/app/config/environment.rb:5:in `<main>'
Tasks: TOP => app:template => environment
(See full trace by running task with --trace)
       rails  turbo:install stimulus:install
You must either be running with node (package.json) or importmap-rails (config/importmap.rb) to use this gem.
You must either be running with node (package.json) or importmap-rails (config/importmap.rb) to use this gem.
       rails  tailwindcss:install
rails aborted!
NameError: uninitialized constant Tailwindcss::Engine::Sprockets

      Sprockets.register_compressor "text/css", :purger, Tailwindcss::Compressor
      ^^^^^^^^^
Did you mean?  Socket
               Process
               IPSocket
/app/config/environment.rb:5:in `<main>'
Tasks: TOP => app:template => environment
(See full trace by running task with --trace)
Z: rails newと-a propshaft -j esbuild -c tailwind

インストールされるgem


gem "propshaft", ">= 0.4.4"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

# 実行されるインストールコマンド
rails  javascript:install:esbuild

rails  turbo:install stimulus:install

rails  css:install:tailwind
インストールされないgem


gem "importmap-rails", ">= 1.0.1"
gem "sprockets-rails", ">= 3.4.2"

AA: rails newと-a propshaft -j importmap -c bootstrap

importmap-railsはインストールされず、esbuildが使われる。
インストールされるgem


gem "propshaft", ">= 0.4.4"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

# 実行されるインストールコマンド
rails  javascript:install:esbuild

rails  turbo:install stimulus:install

rails  css:install:bootstrap
インストールされないgem


gem "importmap-rails", ">= 1.0.1"
gem "sprockets-rails", ">= 3.4.2"

AB: rails newと-a propshaft -j esbuild -c bootstrap

インストールされるgem


gem "propshaft", ">= 0.4.4"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

# 実行されるインストールコマンド
rails  javascript:install:esbuild

rails  turbo:install stimulus:install

rails  css:install:bootstrap
インストールされないgem


gem "importmap-rails", ">= 1.0.1"
gem "sprockets-rails", ">= 3.4.2"

AC: rails newと-a propshaft -j rollup -c bootstrap

インストールされるgem


gem "propshaft", ">= 0.4.4"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

# 実行されるインストールコマンド
rails  javascript:install:rollup

rails  turbo:install stimulus:install

rails  css:install:bootstrap
インストールされないgem


gem "importmap-rails", ">= 1.0.1"
gem "sprockets-rails", ">= 3.4.2"

AD: rails newと-a propshaft -j webpack -c bootstrap

インストールされるgem


gem "propshaft", ">= 0.4.4"
gem "turbo-rails", ">= 1.0.0"
gem "stimulus-rails", ">= 1.0.2"
gem "jsbundling-rails", ">= 1.0.0"
gem "cssbundling-rails", ">= 1.0.0"

# 実行されるインストールコマンド
rails  javascript:install:webpack

rails  turbo:install stimulus:install

rails  css:install:bootstrap
インストールされないgem


gem "importmap-rails", ">= 1.0.1"
gem "sprockets-rails", ">= 3.4.2"