创建了一个webpacksty的目录，目录下放着dist，src子目录，然后通过node环境下，npm init -y 初始化项目出现package.json文件，src子目录下又存放着index.html和main.js文件，接下来尝试着在main.js输入一句代码当验证打包后续是否成功的过程：
| 1 |
|
接下就是执行webpack打包命令了
把src下的main.js打包到dist下的bundle.js,执行命令：
webpack .\src\main.js .\dist\bundle.js
执行后：
报错了！此时也可以直接看出我的webpack版本号：4.30.0 ，算是新版本了。
当然此时查看结构目录下dist肯定没有bundle.js的文件出现，然后自己也是看别人的博客查询到了原来是版本过高，以前的命令已经不适用了，只要加-o就轻松解决原来。
webpack .\src\main.js -o .\dist\bundle.js
此时就执行成功了！
在dist目录下也自动生成了bundle.js的文件。
然后在index.html导入这个生成的文件，运行在浏览器查看
打包成功！