在每篇文档或文章中,我都看到要使用我们需要使用的webpack-dev-server启用HMR webpack-dev-server --hot --inline
,有趣的是,即使我省略了hot
标志并且仅保留inline
在我的代码库中,HMR仍然有效。所有的文档都是旧的或者我做错了吗?
我没有devServer
在webpack配置中定义任何选项,这是我的webpack配置
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接口,并能够修补样式更改而无需强制进行完全刷新。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句