Webpack config to make ember-power-select work with embroider optimized

webpack.config.js

module.exports = {
  module: {
    rules: [
      // ember-power-select does a lot of dynamic component acrobatics that
      // embroider can't statically analyze. Fortunately, we don't actually use
      // any of the dynamic-ness, so we can just flatten it all to static
      // invocations.
      {
        test: /\/ember-power-select\/.+\/power-select\.hbs$/,
        loader: 'string-replace-loader',
        options: {
          multiple: [
            {
              // search: 'let \\(component .*("[^"\n]+").*\\) as \\|',
              // flags: 'g',
              search: /let \(component .*("[^"\n]+").*\) as \|/g,
              replace: 'let (component $1) as |',
              strict: true,
            },
            {
              search: /{{#let \(component @afterOptionsComponent[\s\S]+?{{\/let}}/,
              replace: '',
              strict: true,
            },
            {
              search: '@triggerComponent={{@ebdTriggerComponent}}',
              replace: '',
              strict: true,
            },
            {
              search: '@contentComponent={{@ebdContentComponent}}',
              replace: '',
              strict: true,
            },
          ],
        },
      },
      {
        test: /\/ember-power-select\/.+\/power-select\/options\.hbs$/,
        loader: 'string-replace-loader',
        options: {
          multiple: [
            {
              search: '(component @groupComponent)',
              replace: '(component "power-select/power-select-group")',
              strict: true,
            },
            {
              search: '(component @optionsComponent)',
              replace: '(component "power-select/options")',
              strict: true,
            },
            {
              search: '@groupComponent={{@groupComponent}}',
              replace:
                '@groupComponent={{component "power-select/power-select-group"}}',
              strict: true,
            },
            {
              search: '@optionsComponent={{@optionsComponent}}',
              replace: '@optionsComponent={{component "power-select/options"}}',
              strict: true,
            },
          ],
        },
      },
      {
        test: /\/ember-power-select\/.+\/power-select\/trigger\.hbs$/,
        loader: 'string-replace-loader',
        options: {
          multiple: [
            {
              search: /{{component @selectedItemComponent.+/,
              replace: '',
              strict: true,
            },
            {
              search: '@placeholderComponent',
              replace: '"power-select/placeholder"',
              strict: true,
            },
          ],
        },
      },
    ],
  },
};