Skip to content

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'],
  }
};