rollup.js Reviews and details

Social recommendations and mentions

• Build a Vite 5 backend integration with Flask

  Unlike Webpack, the Vite DevServer only compiles files when they are requested. It leverages ES module imports, which allow JS files to import other files without needing to bundle them together during development. When one file changes, only that file needs to be re-compiled, and the rest can remain unchanged. Project files are compiled with Rollup.js. Third-party dependencies in node_modules are pre-compiled... - Source: dev.to / 2 months ago

• 11 Ways to Optimize Your Website

  Besides Webpack, there are many other popular web bundlers available, such as Parcel, Esbuild, Rollup, and more. They all have their own unique features and strengths, and you should make your decision based on the needs and requirements of your specific project. Please refer to their official websites for details. - Source: dev.to / 6 months ago

• Bun vs Node.js: Everything you need to know

  In the Node.js ecosystem, bundling is typically handled by third-party tools rather than Node.js itself. Some of the most popular bundlers in the Node.js world include Webpack, Rollup, and Parcel, offering features like code splitting, tree shaking, and hot module replacement. - Source: dev.to / 7 months ago

• 5 Different Tools to Bundle Node.js Apps

  Rollup is another popular JavaScript module bundler focusing on high performance. It excels at tree-shaking and uses ES module syntax to generate more performant bundles than traditional module bundlers. In addition to JavaScript, Rollup supports bundling CSS and JSON as well. Rollup has more than 12 million weekly NPM downloads. - Source: dev.to / 11 months ago

• How to build and publish React TypeScript NPM packages with Vite

  Vite (read as vit) is actually a combination of two great frontend tools - an immensely fast development server and a build command for shipping heavily optimized static assets using Rollup. Many developers have encountered the process of setting up a project using Create React App. While CRA can be useful for beginners due to its simplicity and abstraction of configuration, it has some drawbacks that outweigh its... - Source: dev.to / 11 months ago

• Building a modern gRPC-powered microservice using Node.js, Typescript, and Connect

  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. - Source: dev.to / about 1 year ago

• Buildless workflow through import maps (featuring Lit, Shoelace and more)

  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. - Source: dev.to / about 1 year ago

• How are you building React applications? It's time to move on from Create React App

  Vite has a great plugin ecosystem because it leverages the same plugin interface as Rollup, meaning most Rollup plugins are also compatible with Vite. The Vite guide offers more reasons for why you might want to check out Vite. - Source: dev.to / about 1 year ago

• JavaScript Module Bundlers and all that Jazz ✨

  Other popular build tools include Vite.js, Browserify, Rollup - The bundler behind vite. - Source: dev.to / about 1 year ago

• 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!). - Source: dev.to / about 1 year ago

• Getting started with React.js with Typescript using vite.js⚡

  A build command that bundles your code with Rollup, pre-configured to output highly optimized static assets for production. - Source: dev.to / about 1 year ago

• 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. - Source: dev.to / about 1 year ago

• 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. Source: about 1 year ago

• 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. - Source: dev.to / over 1 year ago

• 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. - Source: dev.to / over 1 year ago

• 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. - Source: dev.to / over 1 year ago

• 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:. - Source: dev.to / over 1 year ago

• 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... - Source: dev.to / over 1 year ago

• Rollup Library Starter

  In this post we'll take a look at how to package your JavaScript library code into a production-ready bundle using Rollup module bundler. By the end of this tutorial we will have a dual-module format bundle that is ready to be published to NPM, can be consumed in either server or browser environments, and is available in both ESM and CommonJS formats. - Source: dev.to / over 1 year ago

• I reduced an npm package size by 50% with minification

  Fifty-three kilo-byte was a little bit large, and since the bundler I'm using for this package is rollup.js, all ineeded to do was install the terser — a JavaScript compressor toolkit for ES6 mdash; plugin for rollup. - Source: dev.to / over 1 year ago

• Getting started with NestJS, Vite, and esbuild

  The vite build command bundles our code with Rollup and spits out highly optimized assets for our production environment. When we build our app with Vite by running the npm run build command after the entire setup, we can see the output below. - Source: dev.to / over 1 year ago