【前端工程化面试题】使用 webpack 来优化前端性能/ webpack的功能

这个题目实际上就是来回答 webpack 是干啥的，你对webpack的理解，都是一个问题。

（1）对 webpack 的理解

webpack 为啥提出 + webpack 是啥 + webpack 的主要功能

前端开发通常是基于模块化的，为了提高开发效率，webpack 是一个基于模块的构建工具，是一个用于 js 应用程序的静态模块打包工具。

Webpack 是一个现代 JavaScript 应用程序的静态模块打包工具，它能够将多个 JavaScript 文件打包成一个或多个文件，以及将各种资源（如样式表、图片等）转换成代码。通过合理配置，可以借助 Webpack 来优化前端性能。以下是一些优化前端性能的常见方法：

静态模块是指开发阶段，可以被 webpack 引用的资源

（2）webpack 的主要功能有

1. 模块打包：webpack 将项目中的各种模块、文件，以及它们之间的依赖关系打包成静态资源文件，供浏览器使用
2. 加载器【loader】：webpack 支持使用加载器来处理非js文件，如将es6/7代码转换成es5【babel-loader】、处理css 前缀【postcss-loader】等
3. 插件系统【plugin】：webpack 有丰富的插件系统，可以实现代码压缩、文件合并、代码分割、资源优化等功能。
4. 开发服务器：webpack 提供开发服务器，在开发过程中提供实时的热更新功能
5. 自动化构建：可以通过配置文件来定义构建任务，实现自动化构建。
6. 支持多种模块化规范：cjs、amd、es6
7. 代码优化：使用插件可以实现代码压缩、去除无用代码、提取公共代码等

（3）webpack 优化性能

重点，webpack 的这些优化

1. 都