craco-interpolate-html-plugin/index.js

add html interpolate of create-react-app

'use strict';

const InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');

module.exports = {
  overrideWebpackConfig: ({ webpackConfig, cracoConfig, pluginOptions, context: { env } }) => {
    if (pluginOptions && Object.prototype.toString(pluginOptions) === '[object Object]') {
      const originInterpolatePlugin = webpackConfig.plugins.find(
        d => d.replacements && d.replacements.NODE_ENV
      );

      if (!originInterpolatePlugin) {
        console.warn('Could not find react-dev-utils/InterpolateHtmlPlugin.');
      }

      webpackConfig.plugins.push(
        new InterpolateHtmlPlugin(
          originInterpolatePlugin.htmlWebpackPlugin || require('html-webpack-plugin'),
          pluginOptions
        )
      );
    } else {
      throw new Error('The craco-interpolate-html plugin is available only for object options');
    }

    return webpackConfig;
  },
};