webpack官网中，有这么一句话，我不是很认同： 可以说，性能优化最重要的部分就是懂得如何分包了。因此，就来谈谈webpack中的分包。

何为插件(Plugin)？专注处理 webpack 在编译过程中的某个特定的任务的功能模块，可以称为插件。

模块化开发有助于我们将代码进行拆分，便于开发和维护，但如果不清楚模块化规范，就会在开发时不知道该用 `require` 还是 `import`，导出时该用 `export` 还是 `module.ex

1. webpack打包基本原理 1. 处理单个模块（以入口为例） 我们可以看到，入口文件index.js的所有内容都以字符串形式输出了，我们接下来可以用正则表达式或者其它一些方法，从中提取到import以及export的内容以及相应的路径文件名，来对入口文件内容进行分析，获取…

你可能搭建 Webpack 项目很熟悉，配置过各种 loader ,面试官在 Webpack 方面问你，是否自己实现过一个loader?如果没有去了解过如果去实现，小浪来教你写一个简单loader!

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…

如果你还不会手写一个webpack插件，那么注意啦，这篇文章可能对你很有帮助，小伙伴们请系好安全带，我们要发车啦