How deeply does Web Components in Action cover Rollup?

Demonstrates installation, entry files, output formats, source maps, and npm scripts without detailing bundler internals.

Rollup

As explained in Web Components in Action

Rollup is a JavaScript module bundler that compiles ES modules into optimized output bundles.

Rollup is a JavaScript module bundler used in a build process to combine ES modules into deployable bundles. It favors a simple setup over the configurability of tools such as Webpack, making it useful for quickly building components. section 12.0 section 12.4

A practical Rollup workflow includes:

Install Rollup as a development dependency with npm, keeping the bundler out of the component code shipped to users. section 12.4

Build a slider bundle

Install Rollup with `npm install --save-dev rollup`, then run `npm run build` after defining a script that reads `src/slider.js`, writes `slider.js`, emits UMD output named `slider`, and generates a source map.

How Web Components in Action covers it

liveBook manning.com

Read Web Components in Action on liveBook Get the book at manning.com

Related concepts

Viteused by · Vite is a frontend development tool that provides a development server and production build pipeline for modern web applications.
bundlingimplements · Bundling is the process of combining related modules, dependencies, or assets into one or more packaged units for delivery, loading, or execution.
tree-shakinguses · Tree-shaking is a build-time optimization that statically identifies and removes unused code from a program's output.
Webpackalternative to · Webpack is a JavaScript module bundler that analyzes dependencies and processes application modules and assets into bundles for delivery or execution.

This explainer was generated by Manning's knowledge graph from the text of Web Components in Action. The section links point to the parts of the book it draws on.