Skip to content

entry的写法具体有3种:字符串数组以及对象不同的写法会影响打包生成的文件

TIP

要认识的一点是,入口文件必须是JS文件,webpack会将所有资源(无论是图片还是CSS)打包生成新的JS文件。

建议文件的路径设置统一用node中的path.resolve(__dirname, target)的绝对路径。

1.字符串

js
module.exports = {
  entry: '/path/to/start.js',
}

字符串形式的entry,会以该字符串定义的文件为入口。解析依赖并打包。

譬如上面,将entry设置为start.js后,webpack就会以start.js为入口。

2.数组

js
module.exports = {
  entry: ['/path/to/start.js', '/path/to/entry.js']
}

数组形式的entry,会以数组中的项,分别为入口,进行依赖解析,最终打包成一个文件。

3.对象

js
module.exports = {
  entry: {
    start: '/path/to/start.js',
    entry: '/path/to/entry.js'
  }
}

对象形式的entry,常见用于配置多页面应用webpack会以对象中的属性为入口,分别生成对应的文件。有几个属性,就会生成几个output文件。