webpack学习之路（一）：入口entry和输出output

背景：已配置好一个nodejs项目，参考nodejs学习之路（一）：创建一个项目

webpack手册

 概念：入口起点(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: {
        ...
    }
}