实时重新加载与模块热替换

实时重新加载

1. 安装命令
   npm install --save-dev webpack-dev-server

2. 会自动打包
   webpack.config.js

 devServer:{
        contentBase:'./dist'
    },

3. 刷新页面
   package.json

 "scripts": {
    "show": "webpack -v",
    "build": "webpack",
    "start": "node ./src/main.js",
    "watch": "webpack --watch",
    "dev": "webpack-dev-server --open"
  },

在安装实施重新加载之后呢，在安装模块热加载

1. 区别
   优点：模块热加载更加迅速，小巧
   缺点：只能更新组件，更新 js 是无法热替换的。