webpack面试题

1. Loader和Plugin的区别是什么？

2. 常见的loader以及作用的总结

3. 常见的plugin以及作用的总结

4. webpack的构建流程是什么？

5. Import和CommonJs在webpack打包过程中有什么不同

6. dev-server是怎么跑起来的？

7. 如何实现 webpack 持久化缓存?

8. webpack热更新的原理

9. webpack打包时Hash码是怎样生成的？随机值存在一样的情况，如何避免？

10. webpack做了什么？使用webpack构建是有无做了一些自定义操作？

11. webpack如何用localStorage离线缓存静态资源？

12. 使用import时，webpack对node_modules里的依赖会做什么?

13. webpack 里面的插件是如何实现的？

14. 说一下关于tree-shaking的原理

15. 说下在项目开发,你是怎样组织 CSS 的?

16. webpack打包出来的体积太大，如何优化体积?

17. 预渲染 prerender-spa-plugin 能详细讲解么?

18. Prerender 预渲染是什么原理?

19. 说一下 webpack 中 css-loader 和 style-loader 的区别，file-loader 和 url-loader 的区别？

20. 开发热环境更新的优化方式。

21. webpack 和 vite 的优缺点

22. webpack 如果使用了 hash 命名，是否每次都会重新生成 hash? 简单说下 webpack 的集中 hash 策略?

23. 说下 webpack Runtime 和 Manifest 代码的作用？