Webpacker presents a more difficult OOB experience for JS Sprinkles than Sprockets did

[Confused_Vorlon]

@DHH

Happy to discuss all the concrete proposals on how to make things better. Right now Webpacker provides a out of the box experience where all the major stuff just works.

I’m very late to this - but I have to disagree about ‘just works’ I spent many hours trying to add jQuery and Bootstrap to a rails project

Webpacker - Bootstrap - JQuery, what am I doing wrong (and why so hard?)

I have a Rails 6 app that uses jQuery and Bootstrap - including js elements from Bootstrap. this code should show the modal, but only works in some places: $("#modalOverlay").modal("show"); run from console: works code returned from remote render (ujs): works code in included player.js file: error player.js:126 Uncaught TypeError: $(...).modal is not a function at Object../app/javascript/custom/player.js.hs.showModal (player.js:126) at <anonymous>:1:4 I’m particularly …

there are a bunch of tutorials - many of which give a half-working experience.

(in my case, stuff worked in ujs and console, but not my included js. I didn’t even realise it was half broken until several days into using it)

I don’t know if it is plausible - but for me, what I would like to see would be a js equivalent of bundler

#yarnbundefile.rb
yarnbundle 'jquery' [optionally some version info]
yarnbundle 'bootstrap'

yarnbundle install … and magically it all works

at the moment, I think the process is

1. yarn install
2. google how to include in environment.js (it seems to be different for each library)
3. require (or import?) in application.js
4. (sometimes) require (or import?) in application.js

thanks