✨ feat: es格式改为.mjs

CHANGELOG.md

@@ -1 +1,3 @@
 # Changelog
+
+## [Unreleased]

package.json

@@ -1,24 +1,11 @@
 {
   "name": "fox-preview-image",
   "description": "一个支持vue2和vue3的预览图片组件",
-  "version": "2.7.2",
-  "main": "lib/preview-image-umd.js",
-  "module": "lib/preview-image-es.js",
-  "browser": "lib/preview-image-umd.js",
+  "version": "2.8.0",
+  "main": "lib/preview-image.js",
+  "module": "lib/preview-image.mjs",
+  "browser": "lib/preview-image.js",
   "types": "types/components/preview-image/index.d.ts",
-  "exports": {
-    ".": {
-      "require": "./lib/preview-image-umd.js",
-      "import": "./lib/preview-image-es.js",
-      "browser": "./lib/preview-image-umd.js",
-      "types": "./types/components/preview-image/index.d.ts"
-    },
-    "./lib/style.css": {
-      "require": "./lib/style.css",
-      "import": "./lib/style.css",
-      "browser": "./lib/style.css"
-    }
-  },
   "keywords": [
     "frontend",
     "previewImage",

src/components/preview-image/index.ts

@@ -1,10 +1,10 @@
-import PreviewImage from "./src/index.vue";
-import { App } from "vue";
+import PreviewImage from './src/index.vue'
+import type { App } from 'vue'
 
 const install = (app: App) => {
-  app.component(PreviewImage.name, PreviewImage);
-};
+  app.component(PreviewImage.name, PreviewImage)
+}
 
-export default install;
+export default install
 
-export const FoxPreviewImage = PreviewImage;
+export const FoxPreviewImage = PreviewImage

vite.config.lib.ts

@@ -28,7 +28,13 @@ export default defineConfig({
     lib: {
       entry: resolve(__dirname, './src/components/preview-image/index.ts'),
       name: 'foxPreviewImage',
-      fileName: (format) => `preview-image-${format}.js`,
+      fileName: (format) => {
+        if (format === 'es') {
+          return 'preview-image.mjs'
+        } else {
+          return `preview-image.js`
+        }
+      },
       formats: ['umd', 'es']
     },
     cssCodeSplit: false