webpack3.8.1 webpack-dev-server 無(wú)法實(shí)現(xiàn)熱更新，官網(wǎng)的例子跟著寫一樣不行

沒事不要用最新版或者webpack3，等于自殺，建議用webpack2，3還是一堆坑。。。
webpack3.8.1 webpack-dev-server 無(wú)法實(shí)現(xiàn)熱更新，官網(wǎng)的例子跟著寫一樣不行，已經(jīng)上網(wǎng)找了很多資料，根本不知道是什么原因，難道新版本的問題還是我設(shè)置的問題？每次都要手動(dòng)刷新，是配置哪里設(shè)置錯(cuò)了？折騰了一晚上。說漏了關(guān)鍵點(diǎn)，index.html文件是靜態(tài)文件，引入build.js的，index.html文件不在watch中。。。翻到論壇中的一篇文章的作者說到

官網(wǎng)的文檔：https://doc.webpack-china.org...
已經(jīng)使用webpack --watch 監(jiān)聽，但奇怪的是每次修改文件都會(huì)生產(chǎn)多一個(gè)js和json
如下面這樣

0.a3bbf6cf39dcba749b38.hot-update.js
a3bbf6cf39dcba749b38.hot-update.json

好像設(shè)置了publicPath為下面那樣才會(huì)有熱更新log日志輸出
版本環(huán)境,編輯器已關(guān)閉安全模式

"webpack": "^3.8.1",
"webpack-dev-server": "^2.9.5"

webpack.config.js

const path = require('path');
const webpack = require('webpack');
module.exports = {
    entry: './css.js',
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'build.js',
        // publicPath: "http://localhost:8080/dist" 
    },
    module: {
        rules: [
            {
            test: /\.css$/,
            use: [
                {
                    loader: "style-loader"
                },
                {
                    loader: "css-loader",
                    options: { importLoaders: 1 }
                },
                {
                    loader: "postcss-loader"
                }
            ]
        }
        ]
    },
    devServer: {
        contentBase: './',
        hot: true,
        inline: true
    },
    plugins: [
        new webpack.HotModuleReplacementPlugin(),
        //new webpack.NamedModulesPlugin()
    ]
}

執(zhí)行命令

"start": "webpack-dev-server --inline --hot --open"