为什么webpack dev server中同时需要内联和热标志来启用热重新加载

为什么webpack dev server中同时需要内联和热标志来启用热重新加载,webpack,webpack-dev-server,webpack-hmr,Webpack,Webpack Dev Server,Webpack Hmr,在我看到的或文章中,要使用webpack dev server启用HMR,我们需要使用webpack dev server--hot--inline,有趣的是,即使我省略了hot标志,只在我的代码库中保留inline,HMR仍然有效。所有的文件都是旧的还是我做错了 我没有在我的网页包配置中定义任何devServer选项,这是我的网页包配置 module.exports = { entry: { main: "./app/main.ts", shims: ['es6-s

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

我没有在我的网页包配置中定义任何
devServer
选项,这是我的网页包配置

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"
  },

这是一个

如果您使用它时没有
--hot
,它将强制进行完全刷新(无HMR)


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

如果我只使用`--inline--hot`而不使用任何
网页包会怎么样。HotModuleReplacementPlugin
,与
--inline
相同吗?因为无论是否使用
--hot
我都看不到我的应用程序中有任何行为差异。如果我没记错的话,这取决于。它通过CLI注入
HotModuleReplacementPlugin
,但如果您设置
devServer
,则不会。我会改变的。