Rollup
browserify
Our great sponsors
Rollup | browserify | |
---|---|---|
29 | 18 | |
21,633 | 14,073 | |
1.0% | 0.3% | |
9.4 | 1.9 | |
7 days ago | about 2 months 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 Ecosystem
If you've done web development for any amount of time, there's a good chance you've had to work with tools like Webpack, Rollup, Browserify and other front-end tooling systems. But do you know why we started using them in the first place, and why they are still part of our everyday workflow?
-
The React CLI you always wanted but didn’t know about
One of the advantages of using Nx over - say CRA or a custom starter template - is that your Nx workspace is evergreen. What do I mean by that: by now we all know how fast the frontend space is moving, and so are the corresponding devtools. Today you might be using Rollup to build your libraries, tomorrow you use swc, vite or esbuild. Same with Webpack. Webpack 5 has been around for a while already, and still, a lot of projects are stuck at v4.
-
Tree shaking create-react-app?
How can I use tree shaking tools (like in Webpack 2 or rollup?I don't want to eject already so seems like I don't really have access to the Webpack configuration.
-
Creating a TypeScript React Application with Vite
Vite addresses this problem by providing a development server and a lightning-fast build command. Vite, pronounced /vit/, is French for "quick," and this name describes the goal for this tool. The build command uses Rollup under the hood, which is preconfigured to create highly optimized code. The development server makes use of browser support for ES modules. Hot Module Replacement will instantly load any codebase changes into the browser.
-
Svelte Native vs. React Native: A comparison guide
Svelte Native is based on Svelte, and it allows Svelte developers to build native Android and iOS applications. It was initially released in November 2021 by Rich Harris, the Creator of Rollup, the popular JavaScript module bundler.
-
State of the Web: Bundlers & Build Tools
Nowadays, almost every web developer uses one bundler or another. Webpack is by far the most popular, with Rollup and Vite in second and third, respectively. Currently, Vite is the fastest-growing major bundler, which has been adopted by frameworks like Vitepress, SvelteKit, Astro, and more.
-
What is flat bundling and why is Rollup better at this than Webpack?
I have recently been looking into rollup and seeing how it differs from Webpack and other bundlers. One thing I came across was that it is better for libraries because of "flat bundling". This is based on a tweet and from a recent PR for React to utilize Rollup.
-
Configuring CommonJS & ES Modules for Node.js
This also means that whatever build tooling must produce the distribution file with a .cjs file extension. This might necessitate chaining multiple build tools or adding a subsequent step to move/rename the file to have the .cjs file extension (ex mv ./dist/index.js ./dist/index.cjs)3. This can be worked around by adding a subsequent step to move/rename those outputted files (ex Rollup or a simple shell script).
-
Make SvelteKit bundle all *.ts files into a single bundle.js
I think Rollup is where the code-splitting is happening so you will need to address the problem there. Here is an ongoing discussion that seems to have some solutions: https://github.com/rollup/rollup/issues/2756
-
Vite, the hassle-free alternative to Webpack
Vite doesn't create itself the bundles. Under the hood, it uses two tools: Esbuild while you're developing, and Rollup.js to create the production bundle.
browserify
-
How to build a serverless notification system on AWS
This demo runs in a static site hosted on Amazon S3. As I’ve used a Node.js module to connect with IoT, the index.html file adds a bundle.js that was processed with Browserify. I’ll explain how it was done in the following sections.
-
JavaScript Module Ecosystem
If you've done web development for any amount of time, there's a good chance you've had to work with tools like Webpack, Rollup, Browserify and other front-end tooling systems. But do you know why we started using them in the first place, and why they are still part of our everyday workflow?
-
Import Node packages in React and React Native.
Browserify
-
State of the Web: Bundlers & Build Tools
For a large part of the web, bundlers did not exist. To include scripts, most people just linked to the library on a CDN like CDNJS or Google Hosted Libraries. This would begin to change in 2009 when Node.js was released. Instead of using CDNs, Node.js came with its package manager, npm. npm was easy to use because every library was just one npm install away, and updating was effortless. Because of the ease of use, many people wanted to use npm on the web. However, this was impossible until Browserify came along.
-
[AskJS] - Deep differences between AMD and CJS?
CommonJS(CJS) specification, released in 2009, is a JavaScript module format that uses module.exports/require and loads modules synchronously. NodeJS and Browserify are the dominant implementation of the CommonJS format.
-
Appwrite for Web
Use NPM (node package manager) from your command line to add Appwrite SDK to your project. If you're using a bundler (like Browserify or webpack), you can import the Appwrite module when you need it:
-
Hat.sh V2 release - simple, fast, secure client-side file encryption.
React.js/ Next.js / Material-UI / Browserify (bundle packaging) / Serve (static site serving) / React-Dropzone (file drag drop) / React-Idle-Timer / zxcvbn.js (Password strength estimation)
-
What's the relation between Node modules and browser scripts?
Another way to put it - I've read about broswerify. In theory, what happens behind the scenes, is that it simply adds all the .js files in the Node module into one .js file? Any explanation / specific resource will be appreciates
- Хакатон Nervos - Broaden the Spectrum. Трансформация.
-
Where can I run a dapp that actually uses the Cardano testnet?
The Yoroi browser extension is also made with React. I don't know if Browserify would be able to import the libraries the app and extension use to make the code run on the client side, but if that's possible, then at least users wouldn't have to send their passphrase anywhere.
What are some alternatives?
esbuild - An extremely fast JavaScript and CSS bundler and minifier
vite - Next generation frontend tooling. It's fast!
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.
Snowpack - ESM-powered frontend build tool. Instant, lightweight, unbundled development. ✌️ [Moved to: https://github.com/FredKSchott/snowpack]
gulp - A toolkit to automate & enhance your workflow
tsup - The simplest and fastest way to bundle your TypeScript libraries.
parcel - The zero configuration build tool for the web. 📦🚀
Microbundle - 📦 Zero-configuration bundler for tiny modules.
Speed Measure Plugin - ⏱ See how fast (or not) your plugins and loaders are, so you can optimise your builds
RequireJS - A file and module loader for JavaScript