accounts-frontend/packages/webpack-utils/intl-loader.js

// @ts-nocheck
function transform(src, modulePath, rootContext) {
  const json = JSON.parse(src);

  const moduleId = modulePath
    .replace(rootContext, '')
    // TODO: can't find the way to strip out this path part programmatically
    // this is a directory from resolve.modules config
    // may be this may work: .replace(this._compiler.options.resolve.root, '')
    .replace('packages/app/', '')
    .replace(/^\/|\/$/g, '')
    .replace(/\//g, '.');

  return JSON.stringify(
    Object.keys(json).reduce(
      (translations, key) => ({
        ...translations,
        [key]: {
          id: `${moduleId}.${key}`,
          defaultMessage: json[key],
        },
      }),
      {},
    ),
  );
}

module.exports = function (content) {
  this.cacheable && this.cacheable();

  content = transform(content, this.context, this.rootContext);

  return `import { defineMessages } from 'react-intl';

export default defineMessages(${content})`;
};

module.exports.transform = transform;