Webpack 面试题及详细答案（实战向）.docxVIP

Webpack面试题及详细答案（实战向）

一、基础概念类

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

Webpack是一款基于Node.js的前端模块化打包工具，核心是把前端零散的各类资源（JS、CSS、图片、字体、模板文件等），按照模块化规则进行解析、编译、打包、压缩，最终输出浏览器可直接识别、运行的静态资源。

它解决了前端开发的核心痛点：浏览器不支持大部分模块化语法、文件零散请求过多、代码无法压缩混淆、各类资源无法统一管理和编译，适配了现代化前端工程化开发流程。

核心定位：模块打包器，一切文件皆模块。

2.Webpack的核心五大模块是什么？各自作用？

Webpack运行依赖五个核心组成部分，是整个打包流程的基础：

Entry（入口）：指定打包的起始文件，告诉Webpack从哪个文件开始梳理模块依赖关系。可以是单入口、多入口，默认值是./src/index.js。

Output（输出）：配置打包后文件的输出路径、文件名、公共路径等，定义打包结果的存放位置和文件命名规则，默认输出到./dist目录。

Loader（加载器）：Webpack本身只能解析JS和JSON文件，Loader的作用是翻译其他类型文件，将CSS、图片、字体、Vue/React文件等转换成Webpack可识别的模块，执行编译转换。

Plugin