Skip to content

Instantly share code, notes, and snippets.

@hachi8833

hachi8833/rails7_frontend_options.md

Last active Dec 30, 2021
Star
Embed
What would you like to do?
Learn more about clone URLs
Download ZIP
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"
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment