webpack 开启热加载

场景

. 开发中的良药，自动加载

分析

这里面有个误区，webpack和webpack-dev-serve 加载的bundle.js 是两个不同的概念

webpack的bundle.js是可以在webpack.config.js中指定的
webpack-dev-server的bundle.js是在内存中的 一定要在index.html指定为根目录下的
<script src="bundle.js"></script>
一定要注意两者的区别 否则无法实现热加载

实现

安装

npm install webpack-dev-server -g –save-dev

使用

webpack-dev-server –inline –hot –open –mode -development
–inline 刷新浏览器
–hot 热加载
–open 打开浏览器
–mode 指定模式