Tag
Webpack
Webpack 详解：Module、Bundle、Chunk、Loader 和 Plugin
前言Webpack 的核心价值不是“把 JavaScript 打成一个文件”，而是： 把前端项目里的所有资源都纳入模块系统。 JavaScript、CSS、图片、字体、SVG、Sass、TypeScript，都可以通过 import 进入同一套依赖图。 123import "./index.css";import logo from &q...
前端工程化
构建工具
Webpack
Bundle
Chunk
Webpack、Rollup 和 Vite：前端构建工具的三个时代
前言如果只用一句话理解 Webpack、Rollup 和 Vite： 工具 核心定位 Webpack 万物皆模块 Rollup 极致打包库 Vite 利用浏览器 ESM 的新一代开发工具 它们不是简单的“谁替代谁”，而是分别代表了前端工程化的几个阶段： Webpack 解决的是：前端所有资源如何统一工程化。 Rollup 解决的是：库代码如何输出得更干净、更...
esbuild
前端工程化
构建工具
Webpack
Vite
现代前端打包工具全面对比：Webpack、Vite、Rollup、esbuild
📚 前言前端打包工具经历了从 Grunt → Gulp → Webpack → Vite 的演进。如今，开发者面对 Webpack、Vite、Rollup、esbuild、Parcel 等众多选择，该如何抉择？本文将全面对比这些现代打包工具。 本文定位是基础对比和选型入口。每个工具的原理、配置和适用场景，会放到独立专题里展开： Webpack：依赖图、Lo...
esbuild
前端工程化
构建工具
Webpack
Vite