fix(utils): setup extension by format in getRollupOutput (#244)

BREAKING CHANGE: Built files now have `.mjs` or `.cjs` for ESM and CJS respectively. You may need to update your exports configuration for your library.

Author: syi0808

src/__tests__/utils.js

@@ -190,3 +190,17 @@ function mockCosmiconfig(result = null) {
 
   cosmiconfigSync.mockImplementationOnce(() => ({search: () => result}))
 }
+
+test.each([
+  {format: 'cjs', extension: '.cjs'},
+  {format: 'esm', extension: '.mjs'},
+  {format: 'umd', extension: '.js'},
+  {format: 'amd', extension: '.js'},
+])(
+  'file extension in rollupOutput with $format should be $extension',
+  ({format, extension}) => {
+    expect(
+      require('../utils').getRollupOutput(format).filename.endsWith(extension),
+    ).toBeTruthy()
+  },
+)

src/utils.js

@@ -210,12 +210,17 @@ function getRollupInputs() {
 function getRollupOutput(format = process.env.BUILD_FORMAT) {
   const minify = parseEnv('BUILD_MINIFY', false)
   const filenameSuffix = process.env.BUILD_FILENAME_SUFFIX || ''
+  const ext =
+    {
+      esm: '.mjs',
+      cjs: '.cjs',
+    }[format] || '.js'
   const filename = [
     pkg.name,
     filenameSuffix,
     `.${format}`,
     minify ? '.min' : null,
-    '.js',
+    ext,
   ]
     .filter(Boolean)
     .join('')