build: using esbuild instead of rollup (#10010)

packages/vant-use/build.js

@@ -0,0 +1,20 @@
+const { build } = require('esbuild');
+
+function bundleBundle(format) {
+  const outfile = `dist/index.${format}.js`;
+  const finish = () => console.log('Build finished:', outfile);
+  const onRebuild = (error) => (error ? console.log(error) : finish());
+
+  build({
+    watch: process.argv.includes('-w') && { onRebuild },
+    format,
+    bundle: true,
+    target: ['chrome53'],
+    outfile,
+    external: ['vue'],
+    entryPoints: ['./src/index.ts'],
+  }).then(finish);
+}
+
+bundleBundle('esm');
+bundleBundle('cjs');

packages/vant-use/package.json

@@ -2,8 +2,8 @@
   "name": "@vant/use",
   "version": "1.3.4",
   "description": "Vant Composition API",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
   "typings": "dist/index.d.ts",
   "sideEffects": false,
   "files": [
@@ -11,9 +11,9 @@
   ],
   "scripts": {
     "clean": "rimraf ./dist",
-    "dev": "rollup --config rollup.config.js --watch",
+    "dev": "node ./build.js -w",
     "build:types": "tsc -p ./tsconfig.json --emitDeclarationOnly",
-    "build:bundle": "rollup --config rollup.config.js",
+    "build:bundle": "node ./build.js",
     "build": "pnpm clean && pnpm build:bundle && pnpm build:types",
     "release": "pnpm build && release-it",
     "prepare": "pnpm build"
@@ -31,9 +31,8 @@
   "author": "chenjiahan",
   "license": "MIT",
   "devDependencies": {
+    "esbuild": "^0.13.15",
     "release-it": "^14.0.2",
-    "rollup": "^2.33.3",
-    "rollup-plugin-esbuild": "^4.6.0",
     "typescript": "~4.5.2",
     "vue": "^3.2.20"
   },

packages/vant-use/rollup.config.js

@@ -1,18 +0,0 @@
-import path from 'path';
-import esbuild from 'rollup-plugin-esbuild';
-
-export default {
-  input: path.join(__dirname, 'src', 'index.ts'),
-  output: [
-    {
-      dir: 'dist/cjs',
-      format: 'cjs',
-    },
-    {
-      dir: 'dist/esm',
-      format: 'esm',
-    },
-  ],
-  external: ['vue'],
-  plugins: [esbuild()],
-};