webpack4--热更新

所谓热更新，就是在浏览器能同步刷新你的代码。webpack 热更新依赖 webpack-dev-server。具体实现步骤如下：

1.局部安装依赖 webpack-dev-server

npm install --save-dev webpack-dev-server

2.在 webpack.config.js 配置相关参数

const path = require('path'); //引入path

module.exports = {

    mode: 'development',

    entry: {

        index: path.join(__dirname, 'src/index.js'),

        signup:path.join(__dirname, 'src/signup.js'),

    },

    output: {

        //webpack4中的path默认值即为'./dist'，可不用设置

        path:path.join(__dirname, 'dist'),

        filename: '[name].bundle.js',

    },

    devServer: {

        contentBase: path.join(__dirname, 'page'),

        compress: true,

        port: 8084

    }

}

更多的配置可查看：https://webpack.js.org/configuration/dev-server/