Webpacker を使った開発 (webpack-dev-server)

webpack-dev-server

参考:

webpacker/webpack-dev-server.md at 3-x-stable · rails/webpacker – GitHub

Rails 5.1 で CSS を webpack-dev-server によって HMR (ライブリロード) させる – Qiita

pretty

true に設定すると、webpacker-dev-server においてコンパイルの進捗を表示する。(webpacker.yml 内で設定)

pretty: true

webpack-dev-server --progress --color で起動するのと同じになる。

参考:

Customizing Logging – webpacker/webpack-dev-server.md at 3-x-stable · rails/webpacker – GitHub

dev_server.hot_module_replacing?

webpack-dev-server で HMR を使うかどうかの設定 (webpacker.yml の設定値) を返す。

参考:

webpacker/dev_server.rb at v4.0.0.pre.3 · rails/webpacker – GitHub

dev_server.running?

webpack-dev-server が起動されているかどうかを返す

参考:

webpacker/dev_server.rb at v4.0.0.pre.3 · rails/webpacker – GitHub

devtool

ソースマップの設定

// development
devtool: 'cheap-module-source-map'
// production
devtool: 'nosources-source-map'

参考:

webpacker/development.js at v4.0.0.pre.3 · rails/webpacker – GitHub

webpacker/production.js at v4.0.0.pre.3 · rails/webpacker – GitHub

Devtool | Webpack [Official]

Tagged:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です