Sprockets 4 の使い方 [Rails]

Sprockets 4

参考：

sprockets/UPGRADING.md at master · rails/sprockets – GitHub

sprockets/CHANGELOG.md at master · rails/sprockets – GitHub

Releases · rails/sprockets – GitHub

manifest.js

プリコンパイルするファイルを指定するために manifest.js を使う。

参考：

The Sprockets 4 Manifest | eileen.codes

Self Hosted Config: Introducing the Sprockets manifest.js | Schneems

Manifest.js – sprockets/UPGRADING.md at master · rails/sprockets – GitHub

What is the purpose of assets/config/manifest.js? · Issue #29862 · rails/rails – GitHub

sprockets 4 manifest.js location · Issue #369 · rails/sprockets-rails – GitHub

ディレクティブの書き方

参考：

sprockets/directive_processor.rb at v4.0.0.beta10 · rails/sprockets – GitHub

sprocket-rails

参考：

Add support for Sprockets 4.x. by Andreis13 · Pull Request #259 · rails/sprockets-rails – GitHub

ERB

Sprockets 4 では各拡張子における処理は自動的に連結されない。.ext.erb を処理するためには、.ext.erb から .ext へのトランスフォーマーを明示的に登録する必要がある。

SVG ファイルを ERB で処理するトランスフォーマーを登録する。

Sprockets.register_transformer_suffix(
  %w[image/svg+xml],
  "application/\\2+ruby",
  ".erb",
  Sprockets::ERBProcessor
)

参考：

Adding ERB Support to your Extension – sprockets/extending_sprockets.md at master · rails/sprockets – GitHub

ERBProcessor – sprockets/sprockets.rb at v4.0.0.beta9 · rails/sprockets – GitHub

babel-transpiler

参考：

babel/ruby-babel-transpiler: Ruby Babel is a bridge to the JS Babel transpiler – GitHub

babel-transpiler | RubyGems.org

babel-source | RubyGems.org

Sprockets4 を使って Rails アプリケーションの JavaScript を Babel で書く – Qiita

babel-transpiler gem で ES6 が ES5 にどう変換されるのか簡単に確認する方法 – Qiita

Using ES6 with Asset Pipeline on Ruby on Rails | Nando Vieira

セキュリティパッチ

参考：

Do not respond to http requests asking for a `file://` · rails/sprockets@c09131c – GitHub

ソース

Sprockets

参考：

sprockets/sprockets.rb at v4.0.0.beta8 · rails/sprockets – GitHub

using_sprockets4?

参考：

using_sprockets4? – sprockets-rails/utils.rb at v3.2.1 · rails/sprockets-rails – GitHub