esbuild-plugin-lodash/index.js

Similar babel-plugin-lodash for esbuild

const fs = require('fs');
const path = require('path');

// All extensions included here: https://esbuild.github.io/content-types/#javascript
const JS_EXTENSIONS = new Set(['js', 'cjs', 'mjs']);

function pluginLodashImport(options = {}) {
  const { filter = /.*/, outLodashPackage = 'lodash' } = options;

  return {
    name: 'lodash',
    setup(build) {
      build.onLoad({ filter }, async args => {
        const contents = await fs.promises.readFile(args.path, 'utf8');
        const extension = path.extname(args.path).replace('.', '');
        const loader = JS_EXTENSIONS.has(extension) ? 'jsx' : extension;

        const lodashImportRegex = /import\s+?(?:(?:(?:[\w*\s{},]*)\s+from\s+?)|)[\'\"](?:(?:lodash\/?.*?))[\'\"][\s]*?(?:;|$|)/g;

        const lodashImports = contents.match(lodashImportRegex);

        if (!lodashImports) {
          return {
            loader,
            contents
          };
        }

        const destructuredImportRegex = /\{\s?(((\w+),?\s?)+)\}/g;
        let finalContents = contents;

        lodashImports.forEach(line => {
          // Capture content inside curly braces within imports
          const destructuredImports = line.match(destructuredImportRegex);

          // For example:
          // import noop from 'lodash/noop';
          if (!destructuredImports) {
            return;
          }

          // For example:
          // import { noop, isEmpty, debounce as _debounce } from 'lodash';
          const importName = destructuredImports[0]
            .replace(/[{}]/g, '')
            .trim()
            .split(', ');

          let result = '';

          importName.forEach(name => {
            const previousResult = `${result ? `${result}\n` : ''}`;
            if (name.includes(' as ')) {
              const [realName, alias] = name.split(' as ');
              result = `${previousResult}import ${alias} from '${outLodashPackage}/${realName}';`;
            } else {
              result = `${previousResult}import ${name} from '${outLodashPackage}/${name}';`;
            }
          });

          finalContents = contents.replace(line, result);
        });

        return {
          loader,
          contents: finalContents
        };
      });
    },
  };
}

module.exports = pluginLodashImport;