龙空技术网

7、Loader 和 Plugin 的不同?(必会)

砂糖橘 25

前言:

现在大家对“js loader是什么”大体比较重视,小伙伴们都需要剖析一些“js loader是什么”的相关内容。那么小编在网摘上汇集了一些对于“js loader是什么””的相关知识,希望姐妹们能喜欢,看官们一起来了解一下吧!

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 的实例,参数都通过构造函数传入。

标签: #js loader是什么