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 文档以获取有关使用手表模式及其相关选项的最新信息。