插件本质上是一个 JavaScript 函数 或者说 Node 模板，我们来看看 webpack 中最基础的一个插件以 style-loader 为例吧。
先设想下，style loader 的作用是什么？ 给你 style，你帮我放到 html 的 header 里。先初步认知下
然后我们来看 style loader 第一个完整的版本代码提交

1. 直接告诉你怎么用，你直接把 style 文件传到 require 函数里面，他直接把 style 给你插到 html 的 header 里，和我们的初步认知一致
   
2. 第二个文件 addStyle.web.js 很简单吧，一个函数传入 style 字符串 cssCode，然后直接 document.createElement("style")，再把 cssCode 直接写进 styleElement.styleSheet.cssText，最后把 style 内容放到 header 里面 P.S. 此处可以看到 Tobias Koppers 这位大佬，以后前端生涯学习 React 或者 Webpack 或者 Next.js 都会遇到这位大佬，遇事不决直接 Google 这个人
   
3. 最后一个函数，通过上下文 this.request 拿到 style 然后把 style 内容跟着路径组装成一个 JavaScript 字符串，要用的时候直接用 JavaScript 执行函数返回的字符串就能拿到 style code 字符串(JavaScript 可以执行字符串的，这个应该知道的吧，比如 eval("console.log('Hi')"))

解释完啦。是不是很简单～～～

进一步阅读
style loader 0.1.0 代码
如何自己写 loader

你打游戏开辅助工具 那个辅助工具就是插件