webpack entry入口

上一节我们讲到了 webpack 的配置文件 webpack.config.js ，这个文件需要我们手动在项目根目录下创建。创建后要对其进行配置，本节我们来看一下如何配置 webpack 中的入口，也就是 entry 属性。

entry 入口可以用于指定 webpack 是从哪个模块开始构建项目的，通过配置 entry 属性的值可以指定一个或多个入口起点，默认值为 ./src。

entry 的三种形式

在 webpack.config.js 配置 entry 属性，有三种形式的值，其中 string 和 array 用于配置单个入口。object 用于配置多个入口。

• string ：字符串类型，入口模块的文件路径可以是相对路径。
• array ：数组类型，可以将多个文件打包为一个文件。
• object ：对象类型，每个入口生成一个 Chunk。

单个入口配置

如果要配置单个入口文件，可以给 entry 指定一个 string 或者 array 类型的值，这样就只会生成一个 chunk，当没有配置入口的文件对象名称时，默认使用 main 。

例如我们如果要给 entry 属性传递一个字符串类型的值，可以像下面这样写：

entry:'./path/file.js'

另外，如果传入的是一个数组类型的值，则将会创建多个主入口，并将它们的依赖导向到一个chunk 中。例如下面代码表