1. module: 单个commonjs 或者 esModule 文件

   首先来说module，Webpack可以看做是模块打包机，我们编写的任何文件，对于Webpack来说，都是一个个模块。 所以Webpack的配置文件，有一个module字段，module下有一个rules字段，rules下有就是处理模块的规则，配置哪类的模块，交由哪类loader来处理。

   module: {
       rules: [
           {
               test: /\.css$/,
               use: [
                   { loader: "style-loader" }, 
                   { loader: "css-loader" }
               ]
           },
       ]
   }
   

2. chunk: webpack打包过程的中间产物

   Chunk是Webpack打包过程中，一堆module的集合。 我们知道Webpack的打包是从一个入口文件开始，也可以说是入口模块，入口模块引用这其他模块，模块再引用模块。 Webpack通过引用关系逐个打包模块，这些module就形成了一个Chunk。 如果我们有多个入口文件，可能会产出多条打包路径，一条路径就会形成一个Chunk。除了入口entry会产生Chunk，还有两种途径，下面会有介绍。

   产生Chunk的三种途径 entry入口 异步加载模块 代码分割（code spliting）

3. bundle: webpack 最终输出