Webpack 高频面试题及详细答案（实战版）.docxVIP

Webpack高频面试题及详细答案（实战版）

一、基础认知类

1.说说你对Webpack的理解，它的核心作用是什么？

Webpack是一款基于Node.js的前端静态资源模块化打包工具，核心是把前端零散的模块化文件（JS、CSS、图片、字体等），经过编译、打包、优化，输出成浏览器可以直接识别、高效运行的静态资源。

它解决了前端开发的几个核心痛点：

解决浏览器不支持模块化语法的问题，统一处理ES6Module、CommonJS等模块规范；

整合各类静态资源，不再区分JS、CSS、图片、字体，统一通过模块方式引入打包；

支持代码编译、压缩、兼容转换，自动处理语法降级、样式兼容；

实现工程化能力，热更新、按需加载、代码分割、性能优化等，适配大型项目开发。

2.Webpack五大核心概念是什么？分别有什么作用？

五大核心是Webpack运行的基础，所有配置都是围绕这五点展开：

Entry（入口）：打包的起始文件，告诉Webpack从哪个文件开始解析依赖，默认是./src/index.js，可配置单入口、多入口。

Output（输出）：打包后文件的输出位置、文件名、路径等配置，定义最终打包产物的生成规则。

Loader（加载器）：Webpack默认只识别JS和JSON文件，Loader用于转换其他类型资源，把CSS、图片、字体、Vue/Re