首先我们回顾一下webpack知识点，我重新新建了文件夹并--save-dev安装了webpack与webpack-cli
这步骤就不演示了，然后快速配置初始化webpack
并在index.html中引入dist下的 index.js，此时没有生成，打包的时候就可以看到了，注意这里是两条下划线__，图上面是不对的
在app下的index.js中随意写个方法
接着我们使用webpack --mode production/development 成功打包
页面也显示了js的内容
接下来配置一下服务器，先安装webpack-server cnpm i -D webpack-dev-server
现在我们运行npm run start即可，那此时是没办法热更新的，因为我们html引入的是打包之后的js
如果要自动更新，给予一个缓存目录
这个目录不需要在目录下创建，不改变即可，这样就可以了
网友评论