loader

webpack 默认只识别 js 结尾的文件,当遇到其他格式后,webpack 并不知道如何去处理。此时,我们需要定义一种规则,告诉 webpack,当遇到其他类型的问件时,去求助于相应的 loader。

  • 识别出应该被对应的 loader 进行转换的文件。(test 属性)
  • 转换这些文件,使其能够被添加到依赖图中。(use 属性)

用法

  • test:匹配处理文件的拓展名的表达式,必须
  • user:使用的 loader 模块名称,必须
  • include/exclude:手动添加必须处理的文件(夹)或屏蔽不需要处理的文件,可选
  • query:为 loader 提供额外的设置选项,可选

plugin

loader 被用于转换某些类型的模块,而插件则可以用于执行广泛的任务。想要使用一个插件,你只需要 require()它,然后将它添加到 plugins 数组中。多数插件可以通过选项自定义。你也可以在一个配置中因为不同目的而多次使用同一个插件,这时需要通过使用 new 操作符来创建它的一个实例。

用法

plugins:[执行的插件]