全面掌握Webpack4.0 (八)Entry与Output的基础配置（持续更新…

本篇文章给大家介绍两个比较简单的webpack的配置项：entry和output

entry:入口起点(entry point) 指示 webpack 应该使用哪个模块，来作为构建其内部 依赖图(dependency graph) 的开始。进入入口起点后，webpack 会找出有哪些模块和库是入口起点（直接和间接）依赖的。(webpack官网)
如果没有配置output，那么默认的出口文件名就是main.js

output:指的是打包输出，output 属性告诉 webpack 在哪里输出它所创建的 bundle，以及如何命名这些文件。主要输出文件的默认值是 ./dist/main.js，其他生成文件默认放置在 ./dist 文件夹中。(webpack官网)

来看我们之前的demo项目的配置：

entry:’./src/index.js’：表示打包入口文件时src下面的index.js,一切从这里开始
output:{
filename:‘bundle.js’,
path:path.resolve(__dirname,‘dist’)
}
表示打包输出的文件名是bundle.js，路径是根路径下面的dist文件夹中（自动生成）。
（可能你想要了解在代码最上面导入的 path 模块是什么，它是一个 Node.js 核心模块，用于操作文件路径。Node.js核心模块

关于entry和output这两个配置项其实还有很多配置，但是我们在实际项目开发中很少去用到那些不常用的配置项，主要就是配置一下打包的入口文件和输出的文本路径和文件名，其实这样基本上就够了，所以本文不再过多的讲述这两个配置项，如果我给大家讲的基本配置无法满足你的项目的需求的话，你可以自行到webpack官网，去查一下你想要的配置。

下一篇：全面掌握Webpack4.0 (九)SourceMap 的配置 （持续更新…