Skip to content

Instantly share code, notes, and snippets.

@noelrappin

noelrappin/webpacker_guide.md

Last active February 26, 2021 06:08
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 noelrappin/524e14b58effeef47731d881a6925114 to your computer and use it in GitHub Desktop.
Save noelrappin/524e14b58effeef47731d881a6925114 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
webpacker_guide.md

Webpacker

What Is Webpacker?

How is Webpacker Different from Sprockets?

Installing Webpacker

Integrating Frameworks with Webpacker

Using Webpacker for JavaScript

Where to Place Files

Linking Files

Babel and TypeScript

Using Webpacker for CSS

Using Webpacker for Static Assets

Webpacker in Rails Engines

Running Webpacker in Development

Webpacker in Production

Deploying Webpacker

Webpacker and Docker

Extending and Customizing Webpacker

Troubleshooting Common Problems

Upgrading Webpacker

@fylooi
Copy link

fylooi commented May 14, 2020

Perhaps for beginners - How to find / install / use a common JS frontend library from Yarn

@MaxLap
Copy link

MaxLap commented May 14, 2020

When writting a simple app with no complex frontend, just some jquery and some plugins for it, I find it hard to figure out how to make things work. Making it so that a <script type="javascript"> in a view (so not in the webpack context) can work and use jquery and the plugins is not obvious at all.

In my mind, this is the simple, basic, initial use case of rails. But with Rails 6 (webpacker), it is no longer trivial to do. I think the guide should explain how to do that too.

@noelrappin
Copy link
Author

noelrappin/rails_javascript_documention_drafts#1

@floer32
Copy link

floer32 commented Feb 26, 2021

https://github.com/noelrappin/rails_javascript_documention_drafts/blob/master/webpacker_guide.md

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