fix: build

Author: wan2land

package.json

@@ -10,27 +10,32 @@
   },
   "scripts": {
     "prepack": "npm run build",
-    "test": "npm run test:eslint && npm run test:vitest && npm run test:build",
+    "test": "npm run test:eslint && npm run test:vitest && npm run build",
     "test:eslint": "eslint",
     "test:vitest": "vitest run",
     "test:build": "npm run build:production && node scripts/test-build.mjs",
-    "dev:example": "vite serve example --host 0.0.0.0",
     "dev": "concurrently \"npm run dev:example\" \"npm run build:watch\"",
-    "build": "npm run build:production && npm run build:example",
+    "dev:example": "vite serve example --host 0.0.0.0",
+    "build": "npm run build:production && node scripts/test-build.mjs",
     "build:watch": "vite build --watch",
     "build:production": "vite build",
     "build:example": "vite build example && cp example/CNAME example-dist/",
     "deploy:example": "npm run build:example && gh-pages -d example-dist"
   },
-  "module": "dist/index.es.js",
-  "main": "dist/index.cjs.js",
+  "type": "module",
   "types": "dist/index.d.ts",
+  "typings": "dist/index.d.ts",
+  "main": "dist/index.mjs",
+  "module": "dist/index.mjs",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.cjs.js"
-    }
+      "default": "./dist/index.mjs",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./style.css": "./dist/style.css",
+    "./package.json": "./package.json"
   },
   "devDependencies": {
     "@commitlint/cli": "17.8.1",

scripts/test-build.mjs

@@ -6,23 +6,34 @@ const __dirname = new URL('.', import.meta.url).pathname
 
 const pkg = JSON.parse(await readFile(`${__dirname}/../package.json`))
 
-const files = [pkg.main, pkg.module, pkg.types]
+const files = [pkg.main, pkg.module, pkg.types, pkg.typings, pkg.exports]
 
-const fileStats = await Promise.all(
-  files.map(async (file) => {
+const wrongFiles = []
+async function traverse(obj) {
+  if (Array.isArray(obj)) {
+    return Promise.all(obj.map((item) => traverse(item)))
+  }
+
+  if (typeof obj === 'object' && obj !== null) {
+    return Promise.all(Object.values(obj).map((item) => traverse(item)))
+  }
+
+  if (typeof obj === 'string') {
+    console.log('check', obj)
     try {
-      await stat(`${__dirname}/../${file}`)
-      return true
+      await stat(`${__dirname}/../${obj}`)
     } catch {
       console.warn(`file(${file}) not found`)
-      return false
+      wrongFiles.push(file)
     }
-  }),
-)
-
-if (fileStats.some((file) => !file)) {
-  console.error('Build failed')
-  process.exit(1)
+  }
 }
 
-console.log('Build succeeded')
+traverse(files).then(() => {
+  if (wrongFiles.length > 0) {
+    console.error('Build failed')
+    process.exit(1)
+  }
+
+  console.log('Build succeeded')
+})

vite.config.ts

@@ -22,8 +22,13 @@ export default defineConfig({
     lib: {
       entry: 'src/index.ts',
       name: 'VueScrollPicker',
-      formats: ['es', 'umd', 'cjs'],
-      fileName: (format) => `index.${format}.js`,
+      formats: ['es', 'cjs'],
+      fileName: (format, entryName) =>
+        format === 'es'
+          ? `${entryName}.mjs`
+          : format === 'cjs'
+            ? `${entryName}.cjs`
+            : `${entryName}.js`,
     },
     rollupOptions: {
       external: ['vue'],