feat(project): Rename build output extensions to .cjs/.mjs

Author: mst101

docs/.vuepress/client.js

@@ -2,8 +2,8 @@
 // import { searchPlugin } from '@vuepress/plugin-search'
 import VeeValidate from 'vee-validate'
 import Cleave from 'cleave.js'
-import * as lang from '../../dist/locale/index.esm'
-import Datepicker from '../../dist/vue-datepicker.esm'
+import * as lang from '../../dist/locale/index.mjs'
+import Datepicker from '../../dist/vue-datepicker.mjs'
 import AppendToBody from './components/Datepicker/AppendToBody.vue'
 import OpenDate from './components/Datepicker/OpenDate.vue'
 import Rtl from './components/Datepicker/Rtl.vue'

package.json

@@ -20,12 +20,12 @@
   "type": "module",
   "exports": {
     ".": {
-      "import": "./dist/vue-datepicker.esm.js",
-      "require": "./dist/vue-datepicker.js"
+      "import": "./dist/vue-datepicker.mjs",
+      "require": "./dist/vue-datepicker.cjs"
     },
     "./locale": {
-      "import": "./dist/locale/index.esm.js",
-      "require": "./dist/locale/index.common.js"
+      "import": "./dist/locale/index.mjs",
+      "require": "./dist/locale/index.cjs"
     },
     "./style.css": "./dist/style.css",
     "./style.scss": "./dist/style.scss"

scripts/build/esm.js

@@ -11,7 +11,16 @@ export default defineConfig({
     minify: false,
     lib: {
       ...defaultConfig.build.lib,
-      formats: ['esm', 'cjs', 'umd', 'iife'],
+      formats: ['es', 'cjs', 'umd', 'iife'],
+      fileName: (format) => {
+        if (format === 'es') {
+          return `vue-datepicker.mjs`
+        }
+        if (format === 'cjs') {
+          return `vue-datepicker.cjs`
+        }
+        return `vue-datepicker.${format}.js`
+      },
     },
   },
 })

scripts/build/locale.js

@@ -69,7 +69,7 @@ async function buildCjs() {
     plugins: [resolve(), babel(babelConfig)],
   })
   await bundle.write({
-    file: './dist/locale/index.common.js',
+    file: './dist/locale/index.cjs',
     format: 'cjs',
     exports: 'auto',
   })
@@ -90,8 +90,8 @@ async function buildEsm() {
     dir: './dist/locale/',
     format: 'esm',
     preserveModules: true,
-    entryFileNames: '[name].esm.js',
-    assetFileNames: '[name].esm.js',
+    entryFileNames: '[name].mjs',
+    assetFileNames: '[name].mjs',
   })
 }