webpack热替换为什么还要刷新页面

Question

用npm script 命令行方式启动webpack-dev-server，

调试页面的时候，只要我更改了css样式，为什么还是刷新页面了而不是局部更新样式。

还有为什么总是会跳出这些错误来

虽然不会影响什么，但是看着其实挺不爽的

Answer 1

首先我想知道你的js代码修改后会自动刷新页面吗？
如果js文件修改会自动刷新页面，那么我猜测你的css文件是通过<link />标签的形式直接在页面引用的，如果是这样你修改css文件是不会自动刷新的，因为对于webpack没有编译的文件它是无法控制的。
解决办法是要通过style-loader去引用css文件。

配置style-loader形式如下：

// webpack.config.js
...
loaders: [
    {
        test: /\.css$/,
        loader: ExtractTextPlugin.extract("style-loader", "css-loader!postcss-loader")
    },
    ...
]
...

请参考之前的文章

Answer 2

会不会是服务器连接断开的原因？