说说 webpack 中常见的 Plugin？解决了什么问题？

一、是什么

Plugin（Plug-in）是一种计算机应用程序，它和主应用程序互相交互，以提供特定的功能

• 说说 webpack 的热更新是如何做到的？原理是什么？
• 说说 Loader 和 Plugin 的区别？编写 Loader，Plugin 的思路？
• 说说 webpack 中常见的 Plugin？解决了什么问题？
• 与 webpack 类似的工具还有哪些？区别？
• 说说 webpack 的构建流程?
• 如何提高 webpack 的构建速度？
• 说说如何借助 webpack 来优化前端性能？
• 说说 webpack proxy 工作原理？为什么能解决跨域?
• 说说你对 webpack 的理解？解决了什么问题？

说说 webpack 的热更新是如何做到的？原理是什么？

一、是什么

HMR全称 Hot Module Replacement，可以理解为模块热替换，指在应用程序运行过程中，替换、添加、删除模块，而无需重新刷新整个应用

与 webpack 类似的工具还有哪些？区别？

一、模块化工具

模块化是一种处理复杂系统分解为更好的可管理模块的方式

可以用来分割，组织和打包应用。每个模块完成一个特定的子功能，所有的模块按某种方法组装起来，成为一个整体(bundle)

说说如何借助 webpack 来优化前端性能？

一、背景

随着前端的项目逐渐扩大，必然会带来的一个问题就是性能

尤其在大型复杂的项目中，前端业务可能因为一个小小的数据依赖，导致整个页面卡顿甚至奔溃

说说你对 webpack 的理解？解决了什么问题？

一、背景

Webpack 最初的目标是实现前端项目的模块化，旨在更高效地管理和维护项目中的每一个资源

如何提高 webpack 的构建速度？

一、背景

随着我们的项目涉及到页面越来越多，功能和业务代码也会随着越多，相应的 webpack 的构建时间也会越来越久

说说 webpack 的构建流程?

一、运行流程

webpack 的运行流程是一个串行的过程，它的工作流程就是将各个插件串联起来

在运行过程中会广播事件，插件只需要监听它所关心的事件，就能加入到这条webpack机制中，去改变webpack的运作，使得整个系统扩展性良好

说说 Loader 和 Plugin 的区别？编写 Loader，Plugin 的思路？

一、区别

前面两节我们有提到Loader与Plugin对应的概念，先来回顾下

说说 webpack proxy 工作原理？为什么能解决跨域?

一、是什么

webpack proxy，即webpack提供的代理服务