webpack 可以创建配置文件扩展打包的功能 , 为此你可以在项目根目录下创建一个 **webpack.config.js** 文件，然后 webpack 会自动使用它。

  1.   1. `**npx webpack**`** **默认使用 webpack.config.js 配置文件
  2.   2. `**npx webpack --config a.js**` 指定使用 a.js 配置文件
  3.      1. 但也可以通过CLI参数 --config 来指定某个配置文件

配置文件中通过CommonJS模块导出一个对象，对象中的各种属性对应不同的webpack配置
注意 : webpack 的配置文件仅支持 CommonJS 的模快化导出 , 其他的模块化在配置文件均不支持, 因为 webpack 在打包时需要运行在 node 环境中所以只支持 CommonJS 模块化

注意：配置文件中的代码，必须是有效的node代码 当命令行参数与配置文件中的配置出现冲突时，以命令行参数为准

1️⃣ 基本配置

mode：编译模式，字符串，取值为 development 或 production，指定编译结果代码运行的环境，会影响 webpac k对编译结果代码格式的处理
entry：入口，字符串，指定入口文件
output：出口，对象，指定编译结果文件

  1. module.exports = {
  2.   // ========== 配置入口 ===========
  3.   // >>> 指定 webpack 的入口文件地址
  4.   entry: './src/index.js'
  5.   // ========== 配置输出地址 ==========
  6.   // >>> 指定 webpack 打包后的 js 名
  7.   output: {
  8.     filename: 'jsPackName.js' // 打包后的 js 文件名
  9.   },
  10.   // ========== 配置打包环境 ==========
  11.   // >>> development: 打包为开发环境 | production: 打包为生产环境
  12.   mode: 'development',
  13. }