在自己搭建的项目中，使用webpack命令可以打包，随后使用webpack-dev-server启动服务，可以查看更改；
在package.json中我是如下配置：
但是我配置了热更新插件却不生效，更改代码后，控制台的确编译完成，但是浏览器并没有刷新，而且手动刷新之前修改的代码并没有生效；
查找很多资料发现：
1.webpack命令是打包命令，会生成在webpack.config.js里面配置的output属性 指向路径的文件；
2.webpack-dev-server打包的生产的文件并不会添加在项目目录中，webpack-dev-server并不能读取webpack.config.js里面配置的output属性，默认打包的文件名是bundle.js，不会出现在项目目录中。
由于当时我指定的打包后的文件在public/bundle.js，所以在index.html中引入js路径就是public/bundle.js，所以导致使用webpack-dev-server命令时，找不到bundle.js
扫描二维码关注公众号，回复：
5041967 查看本文章
所以在package.json中修改成以下
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "webpack-dev-server --open --inline",
"build": "webpack"
},在index.html中修改成以下
<body>
<div id="root"></div>
<script src="bundle.js"></script>
</body>