如何在命令行的每次调用中使用Webpack进行增量构建?

时间:2017-03-08 18:39:25

标签: javascript node.js webpack

当我从命令行运行webpack时,它只是从头开始构建所有内容。我们如何让Webpack在webpack CLI的调用中进行增量构建,以便它只解析和转换已更改的文件?

我希望在webpack 的每个调用中工作,而不需要长时间运行。

webpack --watchwebpack-dev-server不是选项,因为它们会保持运行,这是我不想要的。

例如,我想运行webpack它将退出,然后下次我运行webpack我希望它是智能的,而不是重建所有内容,只需重建更改的文件。

2 个答案:

答案 0 :(得分:1)

我强烈推荐webpack --watch。 "使用监视模式时,webpack会将文件监视器安装到编译过程中使用的所有文件。如果检测到任何更改,它将再次运行编译。启用缓存后,webpack会将每个模块保留在内存中,并在未更改时重复使用。"

答案 1 :(得分:0)

这是关于webpack 1.x但对于2.x应该是相同的:

Build Performance > Incremental Build

  

确保您不进行完全重建。 Webpack有一个很好的缓存层,允许您将已编译的模块保存在内存中。有一些工具可以帮助它使用它:

     

webpack-dev-server:从内存中提供所有webpack资源。最佳表现   webpack-dev-middleware:与高级用户的webpack-dev-server性能相同。
  webpack –watchwatch: true:缓存内容但将资源写入磁盘。好的表现。

他们没有在2.x的文档中明确提及 incremental build ,但他们仍然提到了Command Line Interface (CLI)中的缓存。