Ask A Question


You’re not receiving notifications from this thread.

How do I add a second bundle when using ESBuild and dart-sass? (one for admin, anothre for public-facing layouts)

Andrei A asked in Javascript

I need two separate bundles - one for the Admin section and one for the Public part of the application.

How can I add a second bundle to an ESBuild configuration? The two should have separate lists of stimulus controllers, although some of the stimulus controllers would be shared.

Same for SCSS - I will need two separate compiled CSS files, one for the Admin area, and one for the user-facing layouts.


You should be able to just modify the esbuild command in package.json to run twice.

esbuild app/javascript/application.js --bundle --sourcemap --outdir=app/assets/builds --public-path=assets && esbuild app/javascript/admin.js --bundle --sourcemap --outdir=app/assets/builds --public-path=assets
Join the discussion
Create an account Log in

Want to stay up-to-date with Ruby on Rails?

Join 80,973+ developers who get early access to new tutorials, screencasts, articles, and more.

    We care about the protection of your data. Read our Privacy Policy.

    Screencast tutorials to help you learn Ruby on Rails, Javascript, Hotwire, Turbo, Stimulus.js, PostgreSQL, MySQL, Ubuntu, and more.

    © 2024 GoRails, LLC. All rights reserved.