msw: Prevent @mswjs/data from bundling the msw package

Author: Turbo87

ember-cli-build.js

@@ -80,6 +80,19 @@ module.exports = function (defaults) {
     staticModifiers: true,
     packagerOptions: {
       webpackConfig: {
+        externals: ({ request, context }, callback) => {
+          // Prevent `@mswjs/data` from bundling the `msw` package.
+          //
+          // `@crates-io/msw` is importing the ESM build of the `msw` package, but
+          // `@mswjs/data` is trying to import the CJS build instead. This is causing
+          // a conflict within webpack. Since we don't need the functionality within
+          // `@mswjs/data` that requires the `msw` package, we can safely ignore this
+          // import.
+          if (request == 'msw' && context.includes('@mswjs/data')) {
+            return callback(null, request, 'global');
+          }
+          callback();
+        },
         resolve: {
           fallback: {
             // disables `crypto` import warning in `axe-core`