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

Question

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

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

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

这是entire code

Answer 1

如果您在没有--hot的情况下使用它，它将强制完全刷新（无HMR）

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