webpack4.0-Hot Module Replacement热模块更新-05

Hot Module Replacement热模块更新，该模块属于webpack的内置模块

首先，在devServer中开启HotModuleReplace

// 引入webpack
const webpack = require('webpack')

devServer: {
        contentBase: './dist', // 定义服务器启动服务的位置
        open: true, // 启动webpack devServer的时候自动打开浏览器
        // proxy: { // 用于跨域配置

        // },
        port: 8089, // 定义服务的端口号
        hot: true, // 开启 HotModuleReplacement 的功能
        hotOnly: true // HMR没有生效，不会让页面刷新
    },

其次，在plugin中配置HotModlueReplace

plugins: [
        new webpack.HotModuleReplacementPlugin() // 开启热更新
    ],