# Esbuild-loader / webpack / Aurelia

**URL:** <https://discourse.aurelia.io/t/esbuild-loader-webpack-aurelia/3878>\
**Category:** Help Requests\
**Created:** [November 9, 2020, 2:26pm UTC](https://discourse.aurelia.io/t/esbuild-loader-webpack-aurelia/3878 "2020-11-09T14:26:21Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![mroeling](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/mroeling/32/781_2.png) [@mroeling](https://discourse.aurelia.io/u/mroeling)\
**Post date:** [November 9, 2020, 2:26pm UTC](https://discourse.aurelia.io/t/esbuild-loader-webpack-aurelia/3878/1 "2020-11-09T14:26:21Z")

</div>

In one the newsletters I read an interesting post was added about ESBuild, and the enormous improvement of buildspeed compared to several other packers/minifiers including Webpack.  
Although webpack supports many features, we experience build times of over 1 minute in our project. But unfortunately a small test with the esbuild-loader in webpack showed many errors for now  
 ![image](https://canada1.discourse-cdn.com/flex027/uploads/aurelia/original/2X/f/fab906450994bc7539aa955db3ae6f2b1cafe845.png)

Q: are there developers out there that have investigate webpack / tsloader alternatives like esbuild and e.g. Snowpack? Or are there other working (quick)fixes for Aurelia 1?

Links:  
esbuild: [https://github.com/evanw/esbuild](https://github.com/evanw/esbuild)  
esbuild-loader: [https://github.com/privatenumber/esbuild-loader](https://github.com/privatenumber/esbuild-loader)  
snowpack: [https://www.snowpack.dev/](https://www.snowpack.dev/)

---

<div class="post-metadata">

**Author:** ![huochunpeng](https://avatars.discourse-cdn.com/v4/letter/h/49beb7/32.png) [@huochunpeng](https://discourse.aurelia.io/u/huochunpeng)\
**Post date:** [November 9, 2020, 9:40pm UTC](https://discourse.aurelia.io/t/esbuild-loader-webpack-aurelia/3878/2 "2020-11-09T21:40:40Z")

</div>

Another thing you can try is [https://swc.rs](https://swc.rs) which is quite popular (deno uses it too), it’s written in rust. It got a webpack loader too.

---

<div class="post-metadata">

**Author:** ![mroeling](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/mroeling/32/781_2.png) [@mroeling](https://discourse.aurelia.io/u/mroeling)\
**Post date:** [November 10, 2020, 3:35pm UTC](https://discourse.aurelia.io/t/esbuild-loader-webpack-aurelia/3878/3 "2020-11-10T15:35:35Z")

</div>

Thanks, will look into that one as well. But nobody out there that actually has changed the loader in the Aurelia build with Webpack, or perhaps has removed Webpack totally?

---

<div class="post-metadata">

**Author:** ![huochunpeng](https://avatars.discourse-cdn.com/v4/letter/h/49beb7/32.png) [@huochunpeng](https://discourse.aurelia.io/u/huochunpeng)\
**Post date:** [November 10, 2020, 9:57pm UTC](https://discourse.aurelia.io/t/esbuild-loader-webpack-aurelia/3878/4 "2020-11-10T21:57:34Z")

</div>

Ad:

There is also [dumber](https://dumber.js.org) bundler I wrote to replace our CLI built-in bundler. I am using it on all my production apps with Aurelia 1.

It’s not selling speed but smallness and flexibility, although the speed is decent. It reduced bundling to a tiny step in gulp pipeline `.pipe(dr())`, leave all other things to the gulp ecosystem.

There is no official skeleton for Aurelia 1, but you can do `npx makes dumberjs` and choose Aurelia.  
There is official skeleton for Aurelia 2, just do `npx makes aurelia` and choose custom -\> dumber.

I am maintaining both of the above skeletons.

---

<div class="post-metadata">

**Author:** ![PraveenGandhi](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/praveengandhi/32/1611_2.png) [@PraveenGandhi](https://discourse.aurelia.io/u/PraveenGandhi)\
**Post date:** [April 2, 2021, 4:38am UTC](https://discourse.aurelia.io/t/esbuild-loader-webpack-aurelia/3878/5 "2021-04-02T04:38:28Z")

</div>

[https://github.com/brandonseydel/aurelia-snowpack](https://github.com/brandonseydel/aurelia-snowpack)

[Snowpack update breaks plugin.js](https://github.com/brandonseydel/aurelia-snowpack/issues/1)

Seems to be not working with latest versions, any plans to make it work with latest version of Aurelia 2 (alpha) and snowpack?

---

<div class="post-metadata">

**Author:** ![PraveenGandhi](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/praveengandhi/32/1611_2.png) [@PraveenGandhi](https://discourse.aurelia.io/u/PraveenGandhi)\
**Post date:** [April 3, 2021, 3:44am UTC](https://discourse.aurelia.io/t/esbuild-loader-webpack-aurelia/3878/6 "2021-04-03T03:44:03Z")

</div>

I tried my self making this work by taking the @brandonseydel 's repo as reference

[Git repo: aurelia-snowpack-plugin](https://github.com/PraveenGandhi/aurelia-snowpack-plugin)

While using the plugin in the application I get error.

 ![113466650-10386c00-945b-11eb-9d87-bc6d53520e8d](https://canada1.discourse-cdn.com/flex027/uploads/aurelia/original/2X/4/474284bcb715bc65d0f0a8103662ab1c28e8e7c2.png)

---

<div class="post-metadata">

**Author:** ![PraveenGandhi](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/praveengandhi/32/1611_2.png) [@PraveenGandhi](https://discourse.aurelia.io/u/PraveenGandhi)\
**Post date:** [April 3, 2021, 4:35am UTC](https://discourse.aurelia.io/t/esbuild-loader-webpack-aurelia/3878/7 "2021-04-03T04:35:25Z")

</div>

@brandonseydel

I tried with [https://vitejs.dev/](https://vitejs.dev/) as well, as it is a framework-agnostic development tool now.

but similar (I think) error.

When I see the error closly it says no such file or directory, (wron path C:\Users\prave\p\au2\au2-vite\au2-app\src@aurelia\runtime-html). Seems like npm packages are not referred from node\_modules directory, instead it is reffered from /src.  
I have no clue why.

Please let me know if someone can help to solve this problem.

 ![image](https://canada1.discourse-cdn.com/flex027/uploads/aurelia/original/2X/3/355a7d07e3a65460542aa5deaf3203f97ebe94aa.png)

---

<div class="post-metadata">

**Author:** ![brandonseydel](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/brandonseydel/32/993_2.png) [@brandonseydel](https://discourse.aurelia.io/u/brandonseydel)\
**Post date:** [April 12, 2021, 3:30am UTC](https://discourse.aurelia.io/t/esbuild-loader-webpack-aurelia/3878/8 "2021-04-12T03:30:34Z")

</div>

I have updated the github repo to work with latest.

> **[brandonseydel/aurelia-snowpack](https://github.com/brandonseydel/aurelia-snowpack)**
>
> Aurelia snowpack integration. Contribute to brandonseydel/aurelia-snowpack development by creating an account on GitHub.