webpackerで扱うエントリーポイント

Ruby/Rails

webpackerで扱うエントリーポイント

  • app/javascript配下のファイルをビルドし、public/packs/jsにビルド結果が出力される。
  • （sprocketsではapp/assets/javascripts）
  • たとえばapplication.jsをビルドした成果物はapplication-xxx.js

エントリーポイントの読み込み

  • javascript_pack_tagでwebpackerが生成したJSファイルを読み込む
  • （sprocketsではjavascript_include_tag）

エントリーポイントからファイルを読み込む

rails newするとapp/javascript/packs/application.jsが生成される。
このエントリーファイルに記述した内容をwebpackerでビルドすると、requireで読み込んでいるファイルはバンドルされ、public/pack/application.jsとして出力される。

// Railsがデフォルトで提供している機能に関するJSライブラリの読み込み
require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
// 独自にインストールしたモジュールもバンドルできる