Webpack Multi-Page Project Build Practice

The article walks through configuring Webpack to build a multi‑page Vue application—showing why the default CLI SPA setup falls short, how to generate dynamic entry points, set output paths, apply loaders for JS, CSS, images, and use plugins such as MiniCssExtractPlugin, CopyWebpackPlugin and HtmlWebpackPlugin to produce separate bundles and HTML files for each page.

Configurationbuildfrontend

0 likes · 20 min read

Webpack Multi-Page Project Build Practice

Tencent IMWeb Frontend Team

Jun 26, 2019 · Frontend Development

Master Multi‑Page Webpack 4 Configuration: From Zero to Production

This tutorial walks through setting up a zero‑configuration Webpack 4 project for multi‑page, multi‑platform applications, covering entry and output settings, dynamic entry generation, loader and plugin configurations, development server setup, and advanced optimization techniques such as code splitting, on‑demand loading, and asset handling.

Configurationbuildfrontend

0 likes · 18 min read

Master Multi‑Page Webpack 4 Configuration: From Zero to Production

Tencent IMWeb Frontend Team

Jan 6, 2018 · Frontend Development

How to Transform a Vue Multi‑Page Project into a Node.js SSR Application

This tutorial walks through converting a Vue multi‑page project into a server‑side rendered (SSR) setup using Node.js, webpack, and Vue's server‑renderer, covering packaging, data injection, hot‑reloading, and multi‑page deployment.

Vuexhot-reloadmulti-page

0 likes · 13 min read

How to Transform a Vue Multi‑Page Project into a Node.js SSR Application