主要观点总结
本文介绍了webpack插件的使用，包括多个常用插件如DefinePlugin、DllPlugin、HappyPack等的功能和使用方法。文章详细解释了如何使用这些插件来提升webpack打包速度、减小打包体积等。此外，还包括了ignorePlugin和copy-webpack-plugin的使用方法以及一些注意事项。
关键观点总结
关键观点1: DefinePlugin
关键观点2: DllPlugin
关键观点3: HappyPack
关键观点4: IgnorePlugin
关键观点5: copy-webpack-plugin
关键观点6: 其他插件如ExtractTextWebpackPlugin、PurifyCssWebpack、TerserPlugin等
文章预览
Plugin ❝ 何为插件(Plugin)？专注处理 webpack 在编译过程中的某个特定的任务的功能模块，可以称为插件。plugin 是一个扩展器，它丰富了 webpack 本身，针对是 loader 结束后，webpack 打包的整个过程，它并不直接操作文件，而是基于事件机制工作，会监听 webpack 打包过程中的某些节点，执行广泛的任务。 ❞ Plugin 的特点 是一个独立的模块 模块对外暴露一个 js 函数 函数的原型 (prototype) 上定义了一个注入 compiler 对象的 apply 方法 apply 函数中需要有通过 compiler 对象挂载的 webpack 事件钩子，钩子的回调中能拿到当前编译的 compilation 对象，如果是异步编译插件的话可以拿到回调 callback 完成自定义子编译流程并处理 complition 对象的内部数据 如果异步编译插件的话，数据处理完成后执行 callback 回调。 下面介绍 18 个常用的 webpack 插件 Hot
………………………………
