一.webpack插件的用途
webpack是一个打包工具,可以将一系列文件全部打包生成js文件,在打包过程中,根据项目的需求我们可能会打打包文件做一定的处理,比如代码压缩,除去注释等,这些事情就是通过插件来完成的。
二.理解webpack插件的基本原理
webpack插件是一个构造函数,通过new一个实例来使用,在构造函数中存在两个函数,1.construct(),可以对插件的属性进行初始化,是一个配置项;2.apply(),这个函数会在创建实例后执行,并且提供一个compiler对象。在webpack打包过程中,会生成两个对象,分别是compiler和complatiion,这两个对象贯穿webpack整个生命周期,同时webpack也为他们提供了对应的hook钩子,可以对打包过程中的文件做处理。
三.编写一个简单的webpack插件示例
![在这里插入图片描述](https://img-blog.csdnimg.cn/9568015ce36047d3944847c7b6993d3b.png