什么是webpack
本质上是前端资源编译打包工具，编译工具：webpack只认js，把非js的文件编译成为js文件。
打包工具：把多份资源文件打包成一个bundle。一个前端项目由多个资源构成。
用标签引用文件
ps：后门程序解释：
后门程序又叫特洛伊木马，与病毒不同的是，后门程序可能不具备自我复制功能，不会感染其他计算机。后门：绕过安全系统获得计算机权限。
配置文件
通常存储在纯文本文件中，不是在程序中硬编码。
硬编码：写死在程序代码中的，想修改你的运行效果就得修改代码。
HMR
HOT Module Replacement模块热替换。
提高开发效率，源码修改后立即看到结果，不用刷新。
tree—shaking
树摇，用于删除dead code。
其他工具：缓存 、sourcemap 、性能监控 、日志 、代码压缩 、分包。
Loader
——less-loader：实现less到css的转换。
——css-loader：将css包装成类似的module exports=${css}的内容，包装后的内容符合javascript的语法
——styele-loader：将css的模块包进require语句，并在运行中调用injectStyle等函数将内容注入到页面的style标签。
未处理非标准js资源，设计出资源翻译模块——loader用于将资源翻译为标准js。
钩子的核心信息：
1.时机：编译过程的特定节点，webpack会以钩子形式通知插件此刻在发生什么事情。
