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
文件。