资源处理流程：

Webpack会从文件入口开始检索，并将具有依赖关系的模块生成一颗依赖树，最终得到一个chunk。由这个chunk得到的打包产物一般称之为bundle。

配置资源入口：

Webpack通过context和entry这两个配置项来公共决定入口文件的路径。

在配置入口时，实际上做了两件事：

1. 确定入口模块位置，告诉webpack从哪里开始进行打包。
2. 定义chunk name。如果工程只有一个入口，那么莫问其chunk name为main；如果工程有多个入口，需要为每个入口定义chunk name，来作为该chunk的唯一标识。

context：

context可以理解为资源入口的路径前缀，在配置时要求必须使用绝对路径的形式。context可以省略，默认值为当前工程的根目录。context只能为字符串。

module.exports = {context:path.join(__dirname,'./src'),entry:'./index.js',
}

entry：

entry的配置可以多多种形式：字符串、数组、对象、函数，可以根据不同的需求场景来选择。

在使用字符串或数组定义单入口时，并没有办法更改chunk name，只能使用默认的main；在使用对象来定义多入口时，则必须为每一个入口定义chunk name。

1. 字符串类型入口：

   module.exports = {entry:'./src/index.js'
   }
   

2. 数组类型入口：传入一个数组的作用是将多个资源预先合并，在打包时Webpack会将数组中的最后一个元素作为实例的入口路径。

   module.exports = {entry:['babel-polyfill','./src/index.js']
   }
   

   上面的配置等同于：

   //webpack.config.js
   module.exports = {entry:'./src/index.js'
   }//index.js
   import 'babel-polyfill'
   

3. 对象类型入口：如果想要定义多入口，则必须使用对象的形式。对象的属性名是chunk name；属性值是入口路径，可以为字符串或数组。

   module.exports = {entry:{index:'./src/index.js',lib:'./src/lib.js'}
   }
   

4. 函数类型入口：用函数定义入口时，只要返回上面介绍的任何配置形式即可。

   module.exports = {entry:()=>'./src/index.js'
   }
   

   传入一个函数的优点在于可以在函数体里添加一些动态的逻辑来获取工程的入口。此外，函数也支持返回一个Promise对象来进行异步操作。