FURTHER-INTEGRATIONS.md

Babel timing: further integrations

Hops

Hops integration can be achieved with a single core mixin:

// mixin.core.js
const { Mixin } = require('hops');
const BabelTimingPlugin = require('babel-timing/webpack/plugin');

class BabelTimingMixin extends Mixin {
  configureBuild(webpackConfig, loaderConfigs, target) {
    if (target === 'build') {
      loaderConfigs.jsLoaderConfig.options.customize = require.resolve(
        'babel-timing/webpack/babel-loader-customize'
      );
      webpackConfig.plugins.push(new BabelTimingPlugin());
    }
  }
}

module.exports = BabelTimingMixin;

1. Delete babel-loader cache at ./node_modules/.cache/babel-loader/
2. Start Hops bundling process with hops build