---
url: https://sugarat.top/offer/campus/webpack.md
---

# 校招考点汇总-Webpack

## 考点

* loader
* plugin
* 插件机制
* 构建流程
* source map
* 打包原理
* 热更新原理
* 性能优化
  * 打包优化
  * 页面性能

## 面试题

1. 用一句话介绍webpack
2. 如何向一个刚入门前端的人讲述webpack是什么
3. 还使用过其它构建工具吗,与webpack有啥异同
4. loader的作用
5. plugin的作用
6. loader与plugin的异同
7. 有哪些常见的Loader／你用过哪些Loader?他们是解决什么问题的？
8. 有哪些常见的Plugin／你用过哪些Plugin?他们是解决什么问题的？
9. 是否写过loader?描述一下编写思路
10. 是否写过plugin?描述一下编写思路
11. Webpack的构建流程是怎样的
12. 了解source map吗?它有什么作用?如何使用
13. 模块打包原理
14. 文件监听原理
15. 热更新原理是怎样的
16. 如何bundle分析的体积
17. 文件指纹是什么
18. 如何优化打包构建速度
19. 如何优化页面(打包结果)的性能
20. 使用过babel吗?说一下babel的工作原理

\##　推荐阅读

* [掘金：「吐血整理」再来一打Webpack面试题](https://juejin.cn/post/6844904094281236487#comment)
* [掘金：webpack的面试题总结](https://juejin.cn/post/6844903877771264013#comment)