webpack 4.30.0 打包自定义入口文件名

昨天尝试使用 webpack 默认入口和出口的文件名打包成功一个小 demo，今天查了自定义文件名的方式又成功打包了一个小 demo。

使用到的工具：

1. vscode编辑器
2. git命令面板（下载链接：https://git-scm.com/download/win）
3. node（因为会使用到npm，下载链接：https://nodejs.org/en/）

第一步，新建 demo7 文件夹（名字自己随便起），并创建相应js文件夹，在demo7目录下右键打开 git Bash Here，安装 webpack 以及 webpack-cli（必须安装在同一目录下，上一篇文章讲述了安装方法）：

第二步，打开命令行工具初始化一个 package.json 文件，并在 scripts 配置相应语句：

npm init

第三步，手动创建一个 webpack.config.js 文件，用于配置打包入口出口文件名：

第四步，命令行输入打包命令，即可打包成功：

若后期有陆续新进js文件的话，每次直接执行 npm run dev 即可重新打包。

 

补充：感谢这个大佬给的详细讲解https://blog.csdn.net/weixin_42474202/article/details/82635138