webpack 开启热加载

分析

这里面有个误区，webpack和webpack-dev-serve 加载的bundle.js 是两个不同的概念 webpack的bundle.js是可以在webpack.config.js中指定的 webpack-dev-server的bundle.js是在内存中的 一定要在index.html指定为根目录下的 一定要注意两者的区别 否则无法实现热加载

实现

安装

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

使用 webpack-dev-server –inline –hot –open –mode -development

–inline 刷新浏览器

–hot 热加载

–open 打开浏览器

–mode 指定模式