webpack热更新

webpack热更新

1. 热更新：webpack-dev-server
   WDS不刷新浏览器，而是放在内存中
   使用HotModuleReplacementPlugin插件

2. 在webpacj.config.js中引入webpack，代码如下

   const webpack=require('webpack');
   

3. 引入webpack自带热更新插件，代码如下

   //先引入webpack
   const webpack=require('webpack');
   //引入插件
   plugins:[
       new webpack.HotModuleReplacementPlugin()
   ],
   //热更新服务
    devServer: {
       contentBase: "./dist",
       hot: true
   },
   //把mode改为开发模式
   mode:'development',