Rollup
parcel
Our great sponsors
Rollup | parcel | |
---|---|---|
56 | 146 | |
23,185 | 42,177 | |
1.3% | 0.7% | |
9.7 | 9.5 | |
7 days ago | 2 days ago | |
JavaScript | JavaScript | |
GNU General Public License v3.0 or later | MIT License |
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.
Rollup
-
JavaScript Module Bundlers and all that Jazz ✨
Other popular build tools include Vite.js, Browserify, Rollup - The bundler behind vite.
-
React Server Components and Client Components with Rollup
Awhile back I wrote about packaging your JavaScript library code into a dual-module bundle (ESM + CommonJS) using Rollup module bundler. Make sure to check it out (it's been updated for Rollup v3!).
While searching for a solution, I came across this issue. Ironically, one of the suggested solutions in there was the initial solution described earlier above. However, there was also another suggestion.
-
The Complete Guide to User Authentication in Firebase
In this blog, we'll cover how to implement a simple login signup functionality using firebase. We'll be using modular JavaScript SDK, which (according to the documentation) provides a reduced SDK size and greater efficiency with modern JavaScript build tools such as Webpack or Rollup.
-
What is your ideal setup for new project for solo developers
My go-to front end these days is Lit with web components, rollup, and web dev server.
-
How to use Firestore with Redux in a React application
With tools like webpack (used by create-react-app under the hood), your entire application needs to be bundled in a single file before it can be served to the browser. Vite, on the other hand, takes advantage of native ES modules in the browser to make bundling more efficient with Rollup, serving parts of the source code as needed.
-
Enhance your Docsify experience with your own plugin
We use Vite as a dev server. This allows you to take advantage of hot reloading in development and easily build and minify code with Rollup integration. Vitest is also provided, so you can write tests in the matching folder.
-
Introduction to React Suspense
In this project I use my favorite bundling tool called vite, It is a fast compiler & bundler, and it uses rollup under the hood.
-
Fixing Class Composition in Tailwind CSS
While not too long, css`@apply is a lot to repeat for every class you want to “compile”. That’s why using Vite and some Rollup plugins (Vite uses Rollup under the hood) I was able to shorten it into this:
-
Getting Tailwind to Work with Elm Book
Most front-end frameworks nowadays include these features as part of their CLI’s such as Create React App, Angular’s ng-cli, etc. For those that don’t, many will use a combination of some type of bundler like Parcel, Rollup, or Webpack and a browser refresher like livereload. This enables you to write code, save it, and immediately see the results. This in turn leads to fast feedback as you iterate all day in this build loop. The native Elm Reactor doesn’t offer this ability and elm-live fits the bill as a small Node.js library to enable this.
parcel
-
JavaScript Module Bundlers and all that Jazz ✨
Parcel is a popular zero configuration build tool for the web. Some of its popular features include -
-
Building on Reddit's API with JavaScript
Parcel is a JavaScript bundler for Web applications with zero configuration and is straight-forward to set up. It packages all the application files in a dist folder, so the application can be run.
-
Tried SCSS and now I don't want to ever go back to writing plain CSS again.
Sounds like you're looking for ParcelJS https://parceljs.org/
-
zachrytylerwood/vscode
parcel-bundler cache (https://parceljs.org/)
-
Django and Tailwind
FWIW, I'm using https://pnpm.io and https://parceljs.org to handle collecting and building the static assets for .js (Alpine and HTMX) and .css (Tailwind). I found it cleaner separation of concerns to let the JavaScript tooling manage the JavaScript dependencies, and have been happy with the performance and flexibility of this approach.
-
Hindsight is a free and open-source retrospective board
It's a React application written in TypeScript using Parcel.
-
Show HN: Hindsight is a free and open-source retrospective board
- Data export.
Feel free to leave feedback here or on GitHub[3]. Perhaps it could be helpful to you as well. Cheers!
-
Setting up a custom toolchain
A bundler lets you write modular code and bundle it together into small packages to optimize load time. Popular bundlers: webpack, Parcel, esbuild, swc.
-
Getting Tailwind to Work with Elm Book
Most front-end frameworks nowadays include these features as part of their CLI’s such as Create React App, Angular’s ng-cli, etc. For those that don’t, many will use a combination of some type of bundler like Parcel, Rollup, or Webpack and a browser refresher like livereload. This enables you to write code, save it, and immediately see the results. This in turn leads to fast feedback as you iterate all day in this build loop. The native Elm Reactor doesn’t offer this ability and elm-live fits the bill as a small Node.js library to enable this.
-
Front-end Guide
Parcel
What are some alternatives?
vite - Next generation frontend tooling. It's fast!
esbuild - An extremely fast bundler for the web
tsup - The simplest and fastest way to bundle your TypeScript libraries.
webpack - A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
Next.js - The React Framework
gulp - A toolkit to automate & enhance your workflow
Snowpack - ESM-powered frontend build tool. Instant, lightweight, unbundled development. ✌️ [Moved to: https://github.com/FredKSchott/snowpack]