前端工程化面试题库（30题）副本

用户9452

4月21日修改

1. 什么是前端工程化？它解决了哪些问题？

答案：

前端工程化是指使用工程化的方法和工具来规范前端开发流程，提高开发效率和代码质量。它主要解决以下问题：​

•
代码规范化：统一代码风格和编写规范​

•
模块化管理：解决代码复用和依赖管理问题​

•
自动化构建：自动化打包、压缩、编译等重复性工作​

•
质量保障：通过测试、代码检查等手段保证代码质量​

•
部署优化：自动化部署和版本管理​

•
性能优化：代码分割、懒加载、资源优化等​
​

2. 请解释什么是模块化，并比较CommonJS、AMD、ES6 Module的区别？​

答案：

模块化是将复杂程序按照功能拆分成独立模块的设计思想。

CommonJS（Node.js）：

•
同步加载，适用于服务端​

•
使用 require() 导入，module.exports 导出​

•
运行时加载，加载的是对象​
​

AMD（RequireJS）：

•
异步加载，适用于浏览器​

•
使用 define() 定义模块，require() 加载​

•
依赖前置，预先加载依赖​
​

ES6 Module：

•
编译时确定依赖关系​

•
使用 import/export 语法​

•
静态分析，支持 Tree Shaking​

•
异步加载，但语法是同步的​
​

3. Webpack的核心概念有哪些？请详细解释。

答案：

Webpack的五个核心概念：

Entry（入口）：

•
指示Webpack应该使用哪个模块作为构建依赖图的开始​
​

Output（输出）：

•
告诉Webpack在哪里输出它所创建的bundles​
​

Loader（加载器）：

•
让Webpack能够处理非JavaScript文件​

•
如：css-loader、babel-loader、file-loader等​
​

Plugin（插件）：

•
执行范围更广的任务，如打包优化、资源管理等​

前端工程化面试题库（30题） 副本​