版本:5.x
来源:官网

入口(entry)

入口起点(entry point) 指示 webpack 应该使用哪个模块,来作为构建其内部 依赖图(dependency graph) 的开始
单入口
多入口

输出(output)

output 属性告诉 webpack 在哪里输出它所创建的 bundle,以及如何命名这些文件。主要输出文件的默认值是 ./dist/main.js,其他生成文件默认放置在 ./dist 文件夹中。
可以通过配置 output 选项,告知 webpack 如何向硬盘写入编译文件。注意,即使可以存在多个 entry 起点,但只能指定一个 output 配置。

loader

webpack 只能理解 JavaScript 和 JSON 文件,这是 webpack 开箱可用的自带能力。loader 让 webpack 能够去处理其他类型的文件,并将它们转换为有效 模块,以供应用程序使用,以及被添加到依赖图中。
loader 用于对源代码的转换。
使用 loader

  1. 配置方式;
  2. 内联方式;

    loader 特性

  3. 链式调用;

  4. 可同步,可异步;
  5. 运行在 Node.js 中,能够执行任何操作;
  6. 通过 options 对象配置;
  7. 通过 package.json 的 main 来将一个 npm 模块导出为 loader ,还可在 modules.rules 中使用 loader 字段直接引用一个模块;
  8. 插件(plugin)可以为 loader 带来更多特性;
  9. loader 能够产生额外的任意文件;

    插件(plugin)

    loader 用于转换某些类型的模块,而插件则可以用于执行范围更广的任务。包括:打包优化,资源管理,注入环境变量。