webpack - 为什么 webpack-dev-server 中需要 inline 和 hot 标志来启用热重载

Question

在我看到的每一篇文档或文章中，使用我们需要使用的 webpack-dev-server 启用 HMR webpack-dev-server --hot --inline，有趣的是，即使我省略了hot标志并且只保留inline在我的代码库中 HMR 仍然有效。所有的文件都是旧的还是我做错了？

我没有devServer在我的 webpack 配置中定义任何选项，这是我的 web-pack 配置

module.exports = {
    entry: {
     main: "./app/main.ts",
     shims: ['es6-shim', 'reflect-metadata', 'rxjs', 'zone.js']
    },
    output: {
        path: __dirname,
        filename: "./dist/[name].js",
        sourceMapFilename: "./dist/[name].map"
    },
    resolve: {
        extensions: ['', '.js', '.ts']
    },
    module: {
        loaders: [
            { test: /\.ts?$/, loader: 'ts-loader' }
        ]
    },
    devtool: "#source-map"
};

这是我的package.json脚本

 "scripts": {
    "start": "webpack && webpack-dev-server --inline --port 9876",
    "typings": "typings",
    "postinstall": "typings install"
  },

这是整个代码

Answer 1

如果不使用--hot，它将强制完全刷新（无 HMR）

例如，样式加载器实现了 HMR 接口，并且能够在不强制完全刷新的情况下修补样式更改。