Deno•2y ago

Is there a way to bundle multiple files into one file using `esbuild_deno_loader` and `esbuild`?

I'm trying to bundle multiple files in a single folder into one JS file that needs to end up in the

static

static

folder of Fresh. Is there a way to do that using

esbuild_deno_loader

esbuild_deno_loader

and

esbuild

esbuild

cdoremusOP•3/26/24, 2:04 AM

Thanks, Nick. I tried something like your script, but if I create an array of file paths that I want to bundle into the as the property value, esbuild says that I need to use the property, not . but that creates a folder of esbuild transformed files. Instead I want just one bundle file.

cdoremusOP•3/26/24, 2:23 AM

Yes, I ended up creating a file that exported all the other files in that folder and used it for the , but that requires that I update everytime I create a new file. I'd like for new files to automatically be picked up by esbuild. This is for my Web Components work with Fresh, so the normal bundling that Fresh does not work here, because I the WC file bundle needs to end up in a

static

static

folder. I'd prefer to stick with TS here too.

cdoremusOP•3/26/24, 2:52 AM

Does your code transform TS into JS?

cdoremusOP•3/26/24, 2:54 AM

I'm looking to transform many TS files into a single JS file.

cdoremusOP•3/26/24, 7:02 PM

I thank you for your examples, Nick, but I'd rather not build my own way to do this. I would think that

esbuild

esbuild

should be able to transform TS files into a single JS file. Does anybody know how to do this?

_pear•3/26/24, 10:04 PM

is a wrapper aroundn

esbuild

esbuild

and

rollup

rollup

and it can output to a single file, might be what you're after? https://tsup.egoist.dev/#bundle-files

tsup

bundle typescript library with ease

marvinh.•3/26/24, 10:40 PM

The option must be set for esbuild to bundle things into a single file. If it's not set it won't bundle

marvinh.•3/26/24, 10:41 PM

see https://esbuild.github.io/getting-started/#build-scripts

esbuild - Getting Started

__pear `tsup` is a wrapper aroundn `esbuild` and `rollup` and it can output to a single...

cdoremusOP•3/27/24, 12:37 AM

Thank you, Coby, for the suggestion. I will check that out.

Mmarvinh.The `bundle: true` option must be set for esbuild to bundle things into a single...

cdoremusOP•3/27/24, 1:56 AM

Thanks for your help, Marvin. I tried your suggestion, but it doesn't work for multiple input files where the property needs to be used instead of . In that case,

bundle

bundle

is ignored. Instead I went with a file as described above.

marvinh.•3/27/24, 5:30 AM

Right yeah multiple entry points get their own bundles. The typical approach in that case is to create a virtual entry that imports all the entries you want in a single bundle

cdoremusOP•3/27/24, 4:01 PM

Yes, but as I explained above, it requires that I add each new Web Component file to . I was hoping that there was an automated way to bundle all the files into the bundle rather than using .

cdoremusOP•3/27/24, 4:03 PM

BTW, this is the repo containing the file Nick was referring to: https://github.com/cdoremus/fresh-webcomponents

GitHub

GitHub - cdoremus/fresh-webcomponents: Demos how to use Web Compone...

Demos how to use Web Components with Deno Fresh. Contribute to cdoremus/fresh-webcomponents development by creating an account on GitHub.

Original message was deleted

cdoremusOP•3/27/24, 4:49 PM

I'd prefer to skip and just have all the WC files bundled together into .

cdoremusOP•3/27/24, 6:12 PM

It would be nice to be able to bundle by hooking into the built-in TS->JS transforms that Deno uses.

cdoremusOP•3/27/24, 6:57 PM

I'd like to concentrate on the blog post accompanying this code for now. The most complex thing about the prototype you suggested is the TS->JS transformation which is why I'd like to hook into what Deno does.

cdoremusOP•3/27/24, 7:00 PM

I'm not sure that adding WC deployment to Fresh 2.0 would have widespread appeal except to those like you and I that like to do Vanilla JS for the client side.

Original message was deleted

cdoremusOP•3/28/24, 12:14 AM

Thanks Nick. I'm hoping to try this out tomorrow.

cdoremusOP•3/29/24, 3:24 PM

Not sure. I'm sorry, but I'm busy with 'domestic activities' this week. So stay tuned.