为什么webpack dev server中同时需要内联和热标志来启用热重新加载
在我看到的或文章中,要使用webpack dev server启用HMR,我们需要使用为什么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--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
,则不会。我会改变的。