Modern Front-End Development for Rails

Customizing Webpacker

Webpacker provides great defaults for webpack, but defaults aren’t always enough; you may still need to customize.

One way to customize Webpacker is to change the settings in the config/webpacker.yml file. You can’t add new settings to this file, but you can change the defaults that are already there, including the input and output paths, webpack-dev-server settings, and extensions to look for.

More elaborate customizations involve changes to the configuration files in the config/webpack directory. This directory contains four files by default: an environment.js and then a development.js, production.js, and test.js file. The way this works is that Webpacker chooses which file to load based on the Rails environment and ...