webpack

liangshanbo1215

面试题：Webpack 的 publicPath 有什么作用？publicPath 决定浏览器请求构建资源时使用的 URL 前缀；path 决定 Webpack 把构建文件保存到哪个本地目录。

liangshanbo1215

Webpack vs Vite 底层原理高频追问的问题Webpack 开发模式以“构建模块依赖图 + Bundle”为核心；Vite 开发模式以“原生 ESM 按需加载 + 依赖预构建”为核心。

liangshanbo1215

面试题：AI 对话上下文超限怎么办？核心结论：超限本质是 Token 超过模型上下文窗口，不是消息条数过多；前端负责预估和预警，后端负责最终 Token 校验与上下文裁剪，根据业务组合滑动窗口、摘要和 RAG。

liangshanbo1215

Webpack 文件指纹面试题整理文件指纹就是将资源内容映射为 Hash，并将 Hash 写入资源 URL，使内容变化产生新 URL，从而实现静态资源长期缓存。

liangshanbo1215

Webpack 常见 Plugin 面试题什么是 Webpack Plugin？Plugin 和 Loader 有什么区别？Loader 是“转换模块内容”，Plugin 是“通过生命周期 Hook 介入整个构建流程”。

liangshanbo1215

Webpack Tree Shaking 面试题整理Tree Shaking 就是在构建阶段分析模块之间的依赖关系和导出使用情况，把确定没有被使用、且可以安全删除的代码从最终产物中移除，从而减小打包体积。

陪我一起学编程

vue3笔记注：npm init vite-app 是早期 Vite 的创建方式，目前已较少使用，推荐直接使用下面的 create-vue。

liangshanbo1215

Webpack的分包策略面试题代码分割就是把原本需要一起加载的模块拆成多个 Chunk，让“首屏必需代码”和“非首屏代码”按需加载，同时把稳定的公共代码独立出来，从而减少首屏资源、提高缓存复用率。

liangshanbo1215

面试题：如何优化 Webpack 的打包速度？Webpack 打包慢的本质，是构建阶段需要处理的模块太多、处理过程太重、重复工作太多；优化就是减少处理量、提高并行度、利用缓存，并缩小需要解析和构建的范围。

webpack 模块提取摘要：当你手里有一个被 webpack 打包、还做了代码混淆 / 拆 chunk 的前端产物，只想单独运行或逆向分析其中某个入口模块时，面对动辄几千上万个模块该怎么办？本文给你一个基于 AST 解析 + BFS 依赖闭包的小工具：输入入口模块 ID，自动算出它的全部传递依赖并注入可运行的 webpack 解释器模板。省去反复手动抠代码，也避免把整个几 MB 的 bundle 全搬下来。

保姆级教程：用 AST 自动提取 webpack / rspack 打包后的模块摘要：我手上有一个真实的前端项目（某 PC Web，构建信息里写着 bundler=rspack@1.2.5），打包后是一堆看不出结构的压缩文件。本文就用这个项目真实跑一遍一个基于 acorn 的提取脚本，把"1049 个模块里入口到底 reach 到哪 231 个"这件事讲清楚，并附真实运行日志。读完你能照着写出一个自己的 webpack / rspack 模块提取器，也能避开我在真实文件上踩到的坑。

Rolldown vs esbuild vs Webpack：Rust 打包器大战我们该怎么选📖 摘要：2026 年 3 月 Vite 8 把沿用多年的"esbuild 管开发 + Rollup 管生产"双引擎合一，换成 Rust 写的 Rolldown，并配套 Oxc 工具链。前端构建正式进入"Rust 化"时代。本文横向对比 Rolldown、esbuild、Webpack 三者的定位与性能数据，给出真实迁移配置和一张选型决策树，帮你在不同项目体量下做出不后悔的选择。

飞翔的熊blabla

# Webpack 5 + Jenkins 持久化缓存实战：前端构建从 288 秒降到 30 秒＞文章标签：Webpack 5、Jenkins、filesystem cache、前端工程化、构建性能优化适用场景：Vue 2 / Webpack 5 老项目、容器化 Jenkins Agent、重复构建耗时较长核心结论：只在 Webpack 配置里开启缓存还不够，必须保证下一次 Jenkins 构建真正能读取上一次的缓存目录。

Vite 优化、踩坑汇总 + Webpack 迁移 Vite 实战预构建产物存放在 node_modules/.vite（可配置 cacheDir 换位置）：作用：依赖未变化时启动直接复用缓存，跳过预构建，冷启动更快。

Webpack 迁 Vite 踩坑记：一个让人抓狂的 Sourcemap 报错怎么破？最近团队在推进老项目的工程化升级，把祖传的 Webpack 往 Vite 上迁。看官方文档和各类博客的时候，总觉得“一键迁移”、“秒级启动”简直不要太爽。但真到了自己手里，各种历史包袱和自定义插件一上，该踩的坑一个都没少。

Webpack 快速上手：前端工程化、打包原理、从零搭建基础项目现代前端项目早已不是"一个 HTML 引几个 JS 文件"那么简单：Webpack 就是把这些能力整合起来的"模块打包器"（module bundler）：从入口文件出发，递归解析所有依赖，最终打包成浏览器可直接运行的静态资源。

Webpack3/4/5 核心差异、性能升级与迁移实战指南-Day38Webpack 作为前端工程化的核心打包工具，历经十余年迭代，主流商用版本分为三个核心阶段：Webpack3（老旧遗留）、Webpack4（经典稳定）、Webpack5（现代主流）。

Vite vs Webpack 全方位对比在现代前端工程体系中，构建工具是项目的核心底座，承担编译、转换、打包、热更新、资源优化、环境适配等全部工程能力。近十年前端构建生态经历了两次核心迭代：

为什么vite中TS报错，可以继续运行？Webpack不行？确实有可能出现标题的情况，但是原因不是 Vite 或者 Webpack，而是它们默认的 TypeScript 处理方式不同。

你别说话了

Webpack 如何迁移重构到 Vite核心差异：迁移分：依赖兼容、配置迁移、代码改造、环境变量、插件替换、调试、生产构建验证。卸载webpack相关包