razzle.config.js

const WebpackLastFilesLoggerPlugin = require('./WebpackLastFilesLoggerPlugin');

module.exports = {
  modifyWebpackConfig({ // note Config not Options
    env: {
      target, // the target 'node' or 'web'
      dev, // is this a development build? true or false
    },
    webpackConfig, // the created webpack config
    webpackObject, // the imported webpack node module
    options: {
      razzleOptions, // the modified options passed to Razzle in the `options` key in `razzle.config.js` (options: { key: 'value'})
      webpackOptions, // the modified options that will be used to configure webpack/ webpack loaders and plugins
    },
    paths, // the modified paths that will be used by Razzle.
  }) {
    webpackConfig.plugins.push(new WebpackLastFilesLoggerPlugin());
    return webpackConfig;
  },
};

WebpackLastFilesLoggerPlugin.js

"use strict";
// https://github.com/storybookjs/storybook/issues/14342
// https://webpack.js.org/contribute/plugin-patterns/#monitoring-the-watch-graph

/**
 * Logs the last changed files during webpack rebuilds.
 */
class WebpackLastFilesLoggerPlugin {
    constructor() {
        this.startTime = Date.now();
        this.prevTimestamps = new Map();
    }
    apply(compiler) {
        compiler.hooks.emit.tapAsync('MyPlugin', (compilation, callback) => {
            const changedFiles = Array.from(compilation.fileTimestamps.keys()).filter((watchfile) => {
                return ((this.prevTimestamps.get(watchfile) || this.startTime) <
                    (compilation.fileTimestamps.get(watchfile) || Infinity));
            });
            if (changedFiles.length) {
                console.log(`
The following files changed since last build:

${changedFiles.map((file) => `- ${file}`).join('\n')}

`);
            }
            this.prevTimestamps = compilation.fileTimestamps;
            callback();
        });
    }
}
module.exports = WebpackLastFilesLoggerPlugin;