entry: 入口起点
- string ===> './src/index.js'
单入口
打包形成一个chunk,输出一个bundle文件
此时chuank的名称就是main - array ====> ['./src/index.js', './src/b.js']
多入口
打包形成一个chunk,输出一个bundle文件
只有在HMR功能中让热更新生效 - object
多入口
有几个入口文件就形成几个chunk,输出去只有几个bundle文件
此时chunk的名称是key
特殊
entry: {
index: ['./src/index.js', './src/b.js'], //一个chunk, 一个bundle
add: './src/index.js' //另一个chunk, 另一个bundle
}
const { resolve } = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports={
entry:'./src/index.js', //入口文件
ouput:{
filename: '[name].js', //可以直接指定名字,[name]则默认是main.js
path: resolve(__dirname, 'build'), // 输出的目录
},
plugin: [new HtmlWebpackPlugin()],
mode: 'development'
}