Our great sponsors
- SonarLint - Clean code begins in your IDE with SonarLint
- ONLYOFFICE ONLYOFFICE Docs — document collaboration in your environment
- InfluxDB - Access the most powerful time series database as a service
|12 days ago||6 days ago|
|MIT License||GNU General Public License v3.0 or later|
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
[AskJS] Advantages of Rollup over other bundlers for creating libraries?
14 projects | news.ycombinator.com | 3 May 2023
Note that `deno bundle` is deprecated. You can almost replace it with esbuild but it currently lacks builtin support for import maps:
deno run --allow-all https://deno.land/x/[email protected]/mod.js --bundle app.js --outfile=bundle.js. # errors, see: https://github.com/evanw/esbuild/issues/2230
xtsz - a TS / JS file runner with support for HTTP/S imports
5 projects | reddit.com/r/node | 22 Apr 2023
Want to import a package / file conveniently from esm.sh or unpkg or directly from a GitHub repo for a one-off script (for example). To do this I created a custom ESBuild plugin to handle HTTP imports - that worked for ,js files. To support running both ESM and CJS, I use tsx.
Let’s create a Node CLI for generating files from templates!
6 projects | dev.to | 21 Apr 2023
esbuild – is an easy-to-configure bundler,
Building a modern gRPC-powered microservice using Node.js, Typescript, and Connect
15 projects | dev.to | 20 Apr 2023
As we iterate on the definition, we are going to want a better developer experience for rebuilding the package on changes. Typically, for a “library” or “utility” style package, I’d reach for either unbuild’s stub concept or use esbuild/tsup/rollup to implement a more traditional watch/rebuild, but in this case, I’m watching a proto file that lives outsides of the source, which breaks assumptions of those tools.
Svelte frontend vs HTMX and hyperscript
6 projects | reddit.com/r/golang | 19 Apr 2023
I use ESBuild (https://esbuild.github.io/) as a library for my almost pure Go toolchain, and it covers my requirements for almost 2 years now. ESBuild is the Go tool used in Vite, an incredible tool that I stopped using when I discovered that ESBuild covered all my needs.
Buildless workflow through import maps (featuring Lit, Shoelace and more)
2 projects | dev.to | 12 Apr 2023
As we can see, we have two external dependencies and one internal tool. In the modern way of packaging our application, we would be of course required to package this project using some bundler like ESBuild or Rollup. But with import maps, we can instead utilize CDN's to deliver our packages and completely eliminate the bundling step.
How are you building React applications? It's time to move on from Create React App
13 projects | dev.to | 12 Apr 2023
"Why?" you might ask. Vite is built on top of esbuild, a Go-based bundler for the web that is 10-100x faster than other bundlers such as webpack. Vite is also platform-agnostic, so you can learn the tool and use it for many applications.
The Technology Behind “Moyuk”: Create, Run and Share Tools with TypeScript on Your Browser
20 projects | dev.to | 10 Apr 2023
Internally, esbuild is used. Esbuild has a plugin system, and I created custom plugins to resolve import statements like npm: and https://.
Benchmarking the AWS SDK
2 projects | dev.to | 20 Mar 2023
The other option I want to highlight is packaging the project using something like Webpack or esbuild. JS Bundlers transpile all of your separate files and classes (along with all node_modules) into one single file, a practice originally developed to reduce package size for frontend applications. This helps improve the cold start time in Lambda, as unimported files can be pruned and the entire handler becomes one file.
Minify private methods in a TypeScript class
2 projects | dev.to | 6 Mar 2023
Setting up a custom toolchain
11 projects | reddit.com/r/reactjs | 26 Dec 2022
A minifier makes your code more compact so that it loads faster. Popular minifiers: Terser, swc.
Overview of the next-gen frontend dev tools
4 projects | dev.to | 8 Nov 2022
There are many minifiers such as terser and uglify. But, because minifying also require to parse the JS, it is actually possible to use esbuild and SWC to minify the code. Here's a benchmark of the main minifiers.
Rollup Library Starter
9 projects | dev.to | 5 Oct 2022
This next one will help us reduce final bundle size by minifying the generated code. It's called rollup-plugin-terser and uses terser under the hood to minify the code.
I reduced an npm package size by 50% with minification
2 projects | dev.to | 27 Sep 2022
7 projects | dev.to | 14 Sep 2022
You can see that the div function was copied “as is” and is not used in any way. When you run Webpack in production mode, it will remove this function. (Internally, Webpack relies on Terser for minification; Rollup performs tree-shaking and dead code elimination on its own.)
📦 Bundle Node.js into single executable binary
6 projects | dev.to | 20 Aug 2022
However, using the ESM packaging format has one advantage than CJS: tree-shaking. Tree-shaking is the concept of removing unused code from a dependency. Tools: esbuild, parcel, webpack, rollup, terser.
2 projects | dev.to | 8 Aug 2022
Install terser using yarn or npm.
Writing your own module bundler
2 projects | dev.to | 16 Apr 2022
Thus we have written our own module bundler by following the rollup way. We can also support a few extra options like code minification and mangling by using terser, we can also support iife format by wrapping the bundle with an iife expression. Since this is a basic example on how a bundler works, I have skimmed through a few stuffs, but in practice module bundlers are quite complex and interesting to learn about.
3 projects | reddit.com/r/u_tilepieces | 8 Apr 2022
The project is built with itself, and uses some of the popular frontend libraries like codemirror and terser.To build a tilepieces application, read the instructions.
What are some alternatives?
swc - Rust-based platform for the Web
vite - Next generation frontend tooling. It's fast!
Rollup - Next-generation ES module bundler
parcel - The zero configuration build tool for the web. 📦🚀
tsup - The simplest and fastest way to bundle your TypeScript libraries.
ts-node - TypeScript execution and REPL for node.js
Tailwind CSS - A utility-first CSS framework for rapid UI development.
PostCSS - Transforming styles with JS plugins
Snowpack - ESM-powered frontend build tool. Instant, lightweight, unbundled development. ✌️ [Moved to: https://github.com/FredKSchott/snowpack]
ts-jest - A Jest transformer with source map support that lets you use Jest to test projects written in TypeScript.