webpack 5大核心模块

入口

入口起点（entry point）指示webpack应该使用哪个模块，来作为构建其内部依赖图的开始。默认值是 ./src/index.js
可以看到我们不指定入口时，使用的是./src/index.js，src文件夹中没有就报错了。

输出

output 属性告诉 webpack 在哪里输出它所创建的 bundle，以及如何命名这些文件。主要输出文件的默认值是 ./dist/main.js，其他生成文件默认放置在 ./dist 文件夹中。

loader

webpack只能处理javascript和json文件，如果要处理其他类型的文件，并将他们转化为有效模块，则需要使用对应的loader

插件（plugin）

loader用来处理javascript和json类型意外的文件，plugin能处理的范围则更广。包括：打包优化，资源管理，注入环境变量等。

模式（mode）

通过选择 development, production 或 none 之中的一个，来设置 mode 参数，你可以启用 webpack 内置在相应环境下的优化。其默认值为 production