wabpack基礎篇-watch監聽（六）

在前邊幾篇文章中，我們可以正常打包js、css、vue等文件，但是每次修改文件時都需要手動重新編譯，生成index.js文件。

webpack中提供watch可以解決這個問題。接下來我們來看下如何使用watch。

1，在webpack.config.js中添加watch屬性，和watchOptions

 watch:true,
 watchOptions: {
     aggregateTimeout: 300,//毫秒
     poll: 1000,//秒，表示每秒檢查一次變動
     ignored:/node_modules/
 }

• watch默認是false，設置爲true意味着構建之後，wabpack將監聽已解析文件的更改

• watchOptions.aggregateTimeout當第一個文件更改後，會有一段時間時間的延遲，在進行重新構建。這個選項允許這段時間內任何更改都一起重新構建。這樣可以達到修改代碼一定時間內一起打包。默認值爲300ms

• watchOptions.poll 多少毫秒內的輪詢一次，查看是否有變動。通過傳遞 true 開啓 ，或者指定毫秒爲單位進行輪詢。

• watchOption.ignored忽略監控的問價。

webpack-dev-server 和 webpack-dev-middleware 裏 Watch 模式默認開啓。

2，重新啓動npm start

啓動後可以看到控制檯打印的日誌多了一條

表示監控開始。

代碼示例https://github.com/ccDbb/webpack-test中history的v6版本中。