webpack五个核心配置

1.入口（Entry）

告诉 webpack 应该使用哪个模块，来作为构建整个项目的开始

2.出口（Output）

告诉 webpack 在哪里输出它所创建的 bundle，以及如何命名这些文件（默认为 main.js ）

3.加载器（Loader）

• webpack 只能理解 JS 和 JSON 文件，loader 让 webpack 能够去处理其他类型的文件，并将它们转换为有效模块，以供应用程序使用

• 例子：css-loader | html-loader

4.插件（Plugins）

• 插件是 webpack 的支柱功能，能够执行范围更广的任务，包括：打包优化、压缩、重新定义环境中的变量等

• 例子：html-webpack-plugin

5.模式（Mode）

• development（优化打包速度，提供调试的辅助功能）开发

• production（优化打包结果，打包之后代码的运行效率和性能优化）生产

• none（最原始的打包）

6.devServer（用于快速开发应用程序）热重载

devServer: {},