- string —> ‘./src/index.js’
单入口
打包形成一个chunk。 输出一个bundle文件。
此时chunk的名称默认是 main
2. array —> [‘./src/index.js’, ‘./src/add.js’]
多入口
所有入口文件最终只会形成一个chunk, 输出出去只有一个bundle文件。
—> 只有在HMR功能中让html热更新生效~
3. object
多入口
有几个入口文件就形成几个chunk,输出几个bundle文件
此时chunk的名称是 key
—> 特殊用法
{
// 所有入口文件最终只会形成一个chunk, 输出出去只有一个bundle文件。
index: [‘./src/index.js’, ‘./src/count.js’],
// 形成一个chunk,输出一个bundle文件。
add: ‘./src/add.js’
}1、准备
```javascript function add(x, y) { return x + y; }
export default add;
```javascriptfunction count(x, y) {return x - y;}export default count;
console.log('index.js文件加载了~');
2、单入口
1、string
module.exports = {entry: {add: './src/add.js'},output: {filename: '[name].js',path: resolve(__dirname, 'build')},plugins: [new HtmlWebpackPlugin()],mode: 'development'};
1、结果
2、array
entry: {index:['./src/index.js', './src/add.js']},
1、结果
3、多入口
entry: {index:'./src/index.js',add: './src/add.js'},
1、结果
4、特殊
entry: {index: ['./src/index.js', './src/count.js'],add: './src/add.js'},
1、结果

