webpack 配置文件

像上一节中，我们每次在打包文件时都需要手动输入源文件名和输出文件名，这样会比较麻烦，要解决这个问题，我们可以使用配置文件来进行管理。

本节我们来学习 webpack 的配置文件 webpack.config.js ，由于 webpack 配置文件是导出一个对象的 JavaScript 文件，因此很少有 webpack 的配置看起来是完全相同的。

因为 webpack 配置是一个标准的 Node.js 模块，所以在配置文件中可以执行以下操作：

• 通过 require() 导入其他文件。
• 通过 require() 使用 npm 的工具函数。
• 使用 JavaScript 控制流表达式，例如 ?: 操作符。
• 对常用值使用常量或变量。
• 编写和执行函数以生成配置的一部分。

创建webpack.config.js配置文件

webpack 在执行打包命令的时候，除了在命令行传入参数，例如 webpack 入口文件路径 输出文件路径 。还可以通过指定的配置文件来执行。默认情况下，会搜索项目中的 webpack.config.js 文件，这个文件是一个 Node.js 模块，返回一个 json 格式的配置信息对象，或者通过 --config 选项来指定配置文件。

通常 webpack.config.js 文件放在项目的根目录下，例如我们在 xkd_webpack 项目根目录下创建一个 webpack.config.js 文件，在这个文件中来配置处理入口文件和输出文件。

示例：

module.exports = {
   
    entry: