一: 热跟新
1 watch 文件监听(非热跟新)
watch文件监听是需要手动的刷新浏览器。页面才能刷新内容。因为他是轮询文件的最后修改时间是否变化,当文件发生变化时,不会立刻告诉监听者,而是先缓存起来等待aggregateTimeout
//默认false,不开启
watch: true,
// 只有开启监听模式,wacthOptions才有效
watchOptions: {
// 默认为空,不监听的文件或者文件夹
ignored: '/node_modules',
// 监听到发生变化后300MS去执行,摸摸人300MS
aggregateTime: 300,
// 判断文件是否发生变化是通过不断轮询文件是否有变化,默认每秒1000次
poll: 1000
}
2 webpack-dev-server (热跟新)
WDS 不输出⽂件,⽽是放在内存中,WDS 不输出⽂件,⽽是放在内存中,使⽤ HotModuleReplacementPlugin插件(webpack4+ 内置)
plugins: [
new webpack.HotModuleReplacementPlugin()
],
devserver:{
host:'localhost',
port:1573,
open:true,
contentBase: './dist',
hot: true
}
3 webpack-dev-middleware(热跟新)
WDM 将 webpack