webpacker 3.0.2 からwebpacker 3.5.5 への移行作業のログ

webpacker-migration-3.0.2-to-3.5.5.md

Webpacker 3.0.2 → Webpacker 3.5.5 移行ログ

• 当該コミット

webpackerとwebpack-dev-server更新

bundle update webpacker
yarn upgrade @rails/webpacker --latest
yarn upgrade webpack-dev-server@^2.11.1

binstub再生成

bin/rails webpacker:binstubs

3.3.0で変更になったため

config/webpack/environments.jsの書き換え

• setメソッドは廃止になったのでappendに変更
• CSS Modulesサポートが追加されたので、CSS Modules用の設定削除(既存の.scssファイルは.module.scssにリネーム)
• resolve-url-loaderがデフォルトから外されたので、設定追加

storybook用の設定

ローダーの名前が変更されたので修正

-    environment.loaders.get('style'),
-    environment.loaders.get('moduleStyle'),
+    environment.loaders.get('css'),
+    environment.loaders.get('sass'),
+    environment.loaders.get('moduleCss'),
+    environment.loaders.get('moduleSass'),

3.5.5では、 コマンドライン引数にwebpack-dev-serverというキーワードが含まれているときのみHMRモードになるので、storybookを起動するときにキーワードを付け足した。

参考

• https://github.com/rails/webpacker/blob/master/CHANGELOG.md
• https://github.com/rails/webpacker/tree/3-x-stable#upgrading