webpack的配置文件 —— webpack.config.js

上篇文章我们学习了webpack的安装、打包等基本配置，现在我们来学习一下webpack的配置文件——webpack.config.js。

前面我们想要打包的时候直接运行命令，npm run build即可，那么如果我们的项目中没有index文件，或者我们想指定main.js文件进行打包，会如何呢？执行打包命令，发现报错，大概意思是文件不存在。

那么我们该如何进行其他文件的打包呢，有下面三种方法：

方法1：执行命令：npx webpack --entry ./src/main.js

该方法可以成功打包，但是每次打包都需要输入一长串打包命令，不方便。

方法2：在package.json 文件中修改打包命令

该方法也可以成功打包，但是如果想要修改入口文件、输出文件等其他配置，该配置会很长，不方便阅读。

方法3：webpack.config.js

通过webpack的官方文档可以看到，它默认会去src目录下找index.js文件，但是如果我们想要修改文件名称或者指定其他文件作为入口文件，需要借助webpack.config.js文件去配置。

首先在项目根目录下创建webpack.config.js文件，按照实际情况配置要进行打包的文件及输出文件信息即可。