liveBook · Manning

Deployment pipeline

As explained in Build a Frontend Web Framework (From Scratch)

The process of transforming application source code and assets into files prepared for delivery to users.

Building transforms an application’s source code and assets into files ready for delivery. Frontend frameworks commonly provide a CLI command, such as npm run build, to perform much of this work. section 1.3.1

A simplified frontend build can:

  • Compile component templates into JavaScript that creates each component’s view. section 1.3.1
  • Bundle application code, third-party code, and component CSS into output files. section 1.3.1
  • Minify files and generate or copy the HTML file served to users. section 1.3.1
Figure 1.4 A simplified diagram of a frontend application’s build process
figure

View a simplified diagram of the frontend build process. section 1.3.1

How Build a Frontend Web Framework (From Scratch) covers it

How deep it goes
Outlines template compilation, bundling, minification, and HTML output, while treating the process as a simplified set of common practices.
Examples
Uses app.bundle.js, vendors.bundle.js, bundle.css, and index.html as example build outputs.
What you can do after
Apply it via a framework CLI, commonly invoked with an npm run build script, to prepare files for delivery.
How it connects
Connects template compilation and bundling with frontend frameworks, JavaScript, CSS, and third-party libraries.

Also explained in

Compare how 30 books explain deployment pipeline →

Related concepts

This explainer was generated by Manning's knowledge graph from the text of Build a Frontend Web Framework (From Scratch). The section links point to the parts of the book it draws on.