Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tsrivishnu/94b6334eefe2a23afbabba1a65591bb6 to your computer and use it in GitHub Desktop.
Save tsrivishnu/94b6334eefe2a23afbabba1a65591bb6 to your computer and use it in GitHub Desktop.
Resources to get familiar with Webpacker, Webpack and Rails

Being a backend developer, I only stayed on the surface with regard to frontend technologies and frameworks. When I started a new Rails project in January 2020, I started with Rails 6 and was all of a sudden presented with Webpacker as default for bundling frontend code.

It was intimidating to think of learning about Webpack and Webpacker to get the app running well while trying to build an MVP for a startup. I had so many questions:

  • how do I import Javascript and CSS into my pages?
  • how is Webpacker passing configuration to Webpack?
  • how do I customise Webpack with options that Webpacker doesn't support? and more ...

I spent some time over the last few months reading some articles and I feel like I have a good understanding of the Rails and Webpacker magic that integrates Webpack into a Rails application. Below are a list of resources that, I believe, will help someone like me to get up to speed with using Webpacker and even customising Webpack outside the Webpacker.

With just these two, one could get the Javascript and CSS setup working in their Rails application.

Below are more resources that helped me debug some issues and customise the congfiguration a little more:

  • Understanding the configuration and different options that are available.

  • The options available to configure via webpacker.yml might not always be enough. This article gives a more in-depth understanding on how Webpack can be configured along with webpacker.yml.

  • As more customisation is done, one needs to know how to debug if those changes are being applied correctly. This article shows how to debug these.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment