前端经典面试题合集, 什么是 webpack?它有什么作用?
前端经典面试题合集, 什么是 webpack?它有什么作用?
QA
Step 1
Q:: 什么是 webpack？
A:: Webpack 是一个前端资源打包工具，它可以将项目中的各种资源（如 JavaScript、CSS、图片等）打包成一个或多个文件，从而提高项目的加载速度和效率。
Step 2
Q:: webpack 有哪些主要的功能？
A:: Webpack 主要功能包括模块打包、代码分割、热更新、树摇优化、插件机制、文件哈希等。
Step 3
Q:: webpack 的核心概念有哪些？
A:: webpack 的核心概念包括入口（entry）、输出（output）、加载器（loaders）、插件（plugins）、模式（mode）和依赖图（dependency graph）。
Step 4
Q:: 如何配置 webpack？
A:: webpack 通过配置文件（webpack.config.js）进行配置，该文件中定义了入口点、输出路径、加载器和插件等。
Step 5
Q:: 什么是 loader？
A:: Loader 用于告诉 webpack 如何转换处理某种文件类型，它们是函数，可以接收源文件并返回转换后的结果。例如，使用 babel-loader 将 ES6 代码转换为 ES5。
Step 6
Q:: 什么是插件（plugins）？
A:: 插件是用于执行范围更广的任务的，插件能够在打包过程中的特定阶段，进行各种处理，比如打包优化、资源管理等。常见插件有 HtmlWebpackPlugin、CleanWebpackPlugin 等。
Step 7
Q:: 如何优化 webpack 打包速度？
A:: 可以通过多入口文件、DllPlugin、ParallelUglifyPlugin、多线程打包、模块缓存等方式优化打包速度。
Step 8
Q:: 如何进行代码分割（code splitting）？
A:: 代码分割可以通过配置 optimization.splitChunks 和动态 import() 语法实现，从而按需加载代码，提升性能。