1、不同的作用
1,1)Loader 直译为"加载器"。webpack 将一切文件视为模块,但是 webpack 原生是只能
解析 js 文件,如果想将其他文件也打包的话,就会用到 loader。 所以 Loader 的作用是让 webpack
拥有了加载和解析非 JavaScript 文件的能力。
1,2)Plugin 直译为"插件",Plugin 可以扩展 webpack 的功能,让 webpack 具有更多的灵
活性。 在 webpack 运行的生命周期中会广播出许多事件,Plugin 可以监听这些事件,在合适的
时机通过 webpack 提供的 API 改变输出结果
2、不同的用法
2,1)Loader 在 module.rules 中配置,也就是说他作为模块的解析规则而存在。 类型为
数组,每一项都是一个 Object,里面描述了对于什么类型的文件(test),使用什么加载(loader)
和使用的参数(options)
2,2)Plugin 在 plugins 中单独配置。 类型为数组,每一项是一个 plugin 的实例,参数都
通过构造函数传入