背景:已配置好一个nodejs项目,参考nodejs学习之路(一):创建一个项目
概念:入口起点(entry point)指示webpack应该使用哪个模块(具体到一个js文件),来作为构建其内部依赖图的开始。进入入口起点后,webpack会找出有哪些模块和库是入口起点(直接和间接)依赖的。
每个依赖项随即被处理(打包编译),最后输出到称之为bundles(output配置的目录)的文件夹中。
在webpack.config.js中配置entry属性,来指定一个或多个入口起点:
1.默认
module.exports = {
// entry: './src/index.js', // 默认为./src,即./src下的index.js文件,不是./src下的所有js
ouput: {
...
}
}
2.指定一个入口
module.exports = {
entry: './src/js/home.js', // 指定相对路径,绝对路径会报错
output: {
...
}
}