【文件属性】：
文件名称：custom-plugin:webpack自定义插件
文件大小：31KB
文件格式：ZIP
更新时间：2024-05-31 01:42:43
webpack-plugin webpack3 JavaScript
引子
想要了解webpack plugin如何编写，首先要了解其应用场景和作用。
可以先浏览这三篇文章
除此之外，在这里我和webpack loader进行了简单的对比。
plugin & loader
plugin
顾名思义，webpack plugin是作为webpack的一个插件机制存在，将webpack提供的处理方法暴露给第三方（开发者）来开发。在整个项目架构中，往往起宏观上的作用。例如HtmlWebpackPlugin，修改一些文件，inject一些用户的资源，这些资源往往是经过loader处理过的资源，比如jsx文件，css文件。
loader
而loader用于对开发者源代码的转换，功能而言，跟webpack本身并没有强耦合的关系。例如，强大的babel-loader可以使用浏览器暂不支持的JavaScript语法（糖），css-loader和styles-loader用来处
【文件预览】：
custom-plugin-master
----readme.md(13KB)
----first-plugin()
--------index.js(40B)
--------package.json(383B)
--------readme.md(28B)
--------notify.example.js(2KB)
--------webpack.config.js(333B)
--------bundle.js(2KB)
--------my-plugin.js(3KB)
--------yarn.lock(67KB)
----LICENSE(1KB)
----.gitignore(884B)