Webpack 增量生产构建答案

【问题标题】：Webpack incremental production buildWebpack 增量生产构建
【发布时间】：2018-07-22 19:44:39
【问题描述】：

我有一个 webpack 项目，它是由 SBT 与其他组件一起构建的。 webpack生产构建编译src为我提供了一个dist文件夹，它是从src文件夹构建的，其余是复制的资产。每次运行构建过程时，我都会删除 dist 文件夹，然后重新创建它。我想知道是否有任何方法可以配置 webpack，仅在确实发生更改时才执行构建过程，如果是，则增量构建 dist。（我不是在谈论 watch 选项，它是用于开发时间的）。

谢谢

【问题讨论】：

标签： npm webpack build webpack-2 webpack-3

【解决方案1】：

我不会进行增量生产构建。正如您所指出的，将watch 用于开发时间很好，但您的生产构建可能有非常不同的源映射、缩小等设置（请参阅webpack guide on development vs. production builds）。

但是，如果您在每次生产构建之前手动删除 /dist 文件夹，您至少可以使用 CleanWebpackPlugin 自动执行该步骤。

从命令行运行：

npm install clean-webpack-plugin --save-dev

然后在您的webpack.config.js 中，将其添加到plugins 部分：

plugins: [
  new CleanWebpackPlugin(["dist"])
],

【讨论】：

Joe Wilson，对于任何构建工具来说，这种情况都很常见：如果没有源代码、没有“dist”被更改，多次运行“build”不会产生任何影响。如果没有任何改变，为什么要重建项目？为什么 Webpack 做不到？
您可以这样做（只有一个 webpack 构建），但这意味着您的本地开发和部署的生产构建具有相同的缩小、路径、根 URL、源映射等？这一点都不常见。
我说的只是产品构建。连续 2 次为生产而构建将在第 2 次重建整个项目，即使没有任何更改。