only-if-changed-webpack-plugin

Webpack plugin to only run build if dependent files have changed

Example

var path = require('path');
var OnlyIfChangedPlugin = require('only-if-changed-webpack-plugin');

var opts = {
  rootDir: process.cwd(),
  devBuild: process.env.NODE_ENV !== 'production',
};

module.exports = {
  output: {
    filename: 'bundle.js',
    path: path.join(opts.rootDir, 'build'),
    pathinfo: opts.devBuild,
  },
  plugins: [
    new OnlyIfChangedPlugin({
      cacheDirectory: path.join(opts.rootDir, 'tmp/cache'),
      cacheIdentifier: opts, // all variable opts/environment should be used in cache key
    })
  ],
};

After a successful build, all subsequent builds will skip compiling and emitting assets unless an input file dependency or output asset of the build has been modified or deleted.

See also

• cached-loader – Adds persistent on-disk caching to webpack loaders