webpack-dev-server 不重新加载页面答案

【问题标题】：webpack-dev-server does not reload pagewebpack-dev-server 不重新加载页面
【发布时间】：2017-08-17 10:28:20
【问题描述】：

我不明白为什么开发服务器不想在浏览器中重新加载页面。我的系统是 OSX。

webpack.config.js

const path = require("path");

module.exports = {

entry: {
    //context: path.resolve("dev", "js"),
    main: path.resolve("dev", "js", "app.js")
},

output: {
    path: path.resolve(__dirname, "public"),
    publicPath: path.resolve(__dirname, "public"),
    filename: "[name].js"
},

module: {
    rules: [
    {
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
            loader: 'babel-loader',
            options: {
                presets: ['env']
            }
        }
    }
    ]
},

devServer: {
    contentBase: path.resolve(__dirname, "public"),
    watchContentBase: true,
    port: 9090,
    hot: true,
    inline: true,
},

watch: true,

watchOptions: {
    aggregateTimeout: 300,
    poll: 1000
}

}

package.json

{
"name": "react-sap",
"version": "1.0.0",
"description": "",
"main": "webpack.config.js",
"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack",
    "server": "webpack-dev-server"
},
"keywords": [],
"author": "",
"license": "ISC",

"devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.1",
    "babel-preset-env": "^1.6.0",
    "webpack": "^3.5.5",
    "jquery": "^3.2.1"
}
}

“public”目录下的index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>webpack2</title>
    <script src="/main.js" defer></script>
</head>
<body>
    <h1>Hello</h1>
</body>
</html>

更改 app.js 后，我必须手动重新加载页面以查看更改。帮助请。我很确定这里有简单的解决方案

附：对不起我的英语）

【问题讨论】：

` 输出：{ path: path.resolve(__dirname, "public", "js"), ` 当然

标签： webpack-dev-server webpack-2

【解决方案1】：

安装模块并将其作为插件传递。

https://webpack.js.org/guides/hot-module-replacement/

【讨论】：