只有更改时，才能编译Webpack

Question

我的web项目主要是Python，但我正在使用Webpack来编译和压缩我的Javascript，它工作得相当好。

编译需要一点时间，但这是预期的，也是可以接受的。然而，当我在本地运行测试时，我发现确保拥有最新Javascript的唯一方法就是编译它。

我越想测试，这就成了一个大问题。大多数时候，我打包的代码没有改变，因为这不是我正在做的事情。因此，在两次测试之间，webpack的输出不会改变。我仍然要承担打包的费用，因为我不能保证它没有改变。

有没有办法让webpack查看自上一个包创建以来源文件是否发生了更改，并且如果已经存在的包不是来自相同的源文件，则只进行包？

Answer 1

没有简单的内置方法可以做到这一点，但是有人写了一个插件：only-if-changed-webpack-plugin。这将检查您的条目文件以及它的所有依赖项的时间，并仅在某些情况发生更改时进行重新构建。

Answer 2

npm install -g build-if-changed    

在项目根目录下创建文件buildconfig：

[cross-env NODE_ENV='production' && webpack -p --progress]    <-- your build command in brackets here
out: ./build/*.js     <-- path where your webpack will put a new file
src/**/*    <-- all sources that will be monitored

运行build-if-changed或添加到package.json。完美工作！Detailed blog post