entry(入口):
webpack是按照配置的入口开始,指定使用哪个模块,来作为构建其内部依赖图的开始,进入入口起点后,webpack 会找出有哪些模块和库是入口起点(直接和间接)依赖的。
js
// entry: string | object | array
// string
// 单入口,打包形成一个trunk
// 输出一个buldle文件
// trunk的名称默认是main.js(output的filename不写时)
module.exports = {
entry: './src/index.js'
};
// array
// 多入口,所有入口文件最终只会形成一个trunk,
// 输出出去只有一个bundle文件
// trunk的名称默认是main.js(output的filename不写时)
module.exports = {
entry: ['./src/index.js', 'test.js']
};
// object
// 多入口
// 有几个入口文件就形成几个trunk,
// 输出几个bundle文件。
// 此时trunk的名称就是对象key值(home,sub1)
module.exports = {
entry: {
home: './src/index.js',
sub1: ['./src/sub1.js', './src/sub2.js'],
}
};