fix(bundler): javascript bundler not creating all module directories (#…

…4811)

packages/bundler/src/bundlers/javascript.js

@@ -38,10 +38,11 @@ async function bundle(entrypoint, options) {
 
   await Promise.all(outputFolders.map(({ directory }) => fs.remove(directory)));
 
-  const jsEntrypoint = path.join(
-    outputFolders.find(folder => folder.format === 'esm').directory,
-    'index.js'
-  );
+  const jsEntryPoints = outputFolders.map(({ directory, format }) => ({
+    file: path.join(directory, 'index.js'),
+    format,
+  }));
+
   const packageJsonPath = path.join(packageFolder, 'package.json');
   const packageJson = await fs.readJson(packageJsonPath);
   const { dependencies = {} } = packageJson;
@@ -76,30 +77,21 @@ async function bundle(entrypoint, options) {
       }),
     ],
   });
-  await bundle.write({
-    format: 'esm',
-    file: jsEntrypoint,
-  });
 
   await Promise.all(
-    outputFolders
-      .filter(folder => folder.type !== 'esm')
-      .map(({ format, directory }) => {
-        const outputOptions = {
-          format,
-          file: jsEntrypoint.replace(/\/es\//, `/${path.basename(directory)}/`),
-        };
+    jsEntryPoints.map(({ format, file }) => {
+      const outputOptions = { format, file };
 
-        if (format === 'umd') {
-          outputOptions.name = name;
-          outputOptions.globals = {
-            ...formatDependenciesIntoGlobals(dependencies),
-            ...globals,
-          };
-        }
+      if (format === 'umd') {
+        outputOptions.name = name;
+        outputOptions.globals = {
+          ...formatDependenciesIntoGlobals(dependencies),
+          ...globals,
+        };
+      }
 
-        return bundle.write(outputOptions);
-      })
+      return bundle.write(outputOptions);
+    })
   );
 }