Webpack Watch Mode :自动编译

Webpack 的监视模式是一项功能,允许该工具监视源文件的更改,并在检测到更改时自动触发重新编译。 这在开发过程中特别有用,因为它可以避免每次更改代码时手动重新编译,从而帮助您节省时间。

以下是如何使用 的 Webpack 观看模式:

Webpack 在观看模式下 运行

要在监视模式下运行,您可以在 通过终端 运行命令时 Webpack 使用该标志。 例如: --watch webpack

npx webpack --watch

使用此命令, Webpack 将开始监视您的源文件,并在您保存对它们的更改时自动重新编译捆绑包。

Webpack 配置

您还可以通过添加以下选项在 webpack 配置文件() 中设置监视模式 : webpack.config.js watch: true

module.exports = {  
  // ...other configuration options  
  
  watch: true  
};  

这样,您就不需要 --watch 每次运行 webpack 命令时都使用该标志。

行为

当 Webpack 处于监视模式时,它将持续监视源文件的更改。 每当您进行更改并保存文件时, Webpack 都会自动重新编译捆绑包。 这使您可以查看应用程序中的更改,而无需每次都手动触发构建过程。

请记住,虽然监视模式非常适合开发,但它通常不用于生产构建,因为它可能会消耗不必要的资源。 对于生产版本,您通常会 Webpack 在没有监视模式的情况下创建优化和缩小的捆绑包。

请记住参阅官方 Webpack 文档以获取有关使用手表模式及其相关选项的最新信息。