Use the .mjs file extension for the esm build (#59)

* Added exports to package.json * Use the .mjs file extension for the esm build
Tiamat-Tech · Dec 30, 2022 · 58c5fce · 58c5fce
1 parent 77b6790
commit 58c5fce
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/perfect-freehand/package.json b/packages/perfect-freehand/package.json
@@ -25,12 +25,12 @@
     ".": {
       "types": "./dist/types/index.d.ts",
       "require": "./dist/cjs/index.js",
-      "import": "./dist/esm/index.js"
+      "import": "./dist/esm/index.mjs"
     }
   },
   "license": "MIT",
   "main": "./dist/cjs/index.js",
-  "module": "./dist/esm/index.js",
+  "module": "./dist/esm/index.mjs",
   "types": "./dist/types/index.d.ts",
   "typings": "./dist/types/index.d.ts",
   "scripts": {

diff --git a/packages/perfect-freehand/scripts/build.js b/packages/perfect-freehand/scripts/build.js
@@ -25,14 +25,15 @@ async function main() {
     target: 'es6',
     tsconfig: './tsconfig.build.json',
     metafile: true,
+    outExtension: { '.js': '.mjs' },
   })
 
   let esmSize = 0
   Object.values(esmResult.metafile.outputs).forEach((output) => {
     esmSize += output.bytes
   })
 
-  fs.readFile('./dist/esm/index.js', (_err, data) => {
+  fs.readFile('./dist/esm/index.mjs', (_err, data) => {
     gzip(data, (_err, result) => {
       console.log(
         `✔ ${name}: Built package. ${(esmSize / 1000).toFixed(2)}kb (${(