diff --git a/package/component/package.json b/package/component/package.json
index aa595abe..93d01515 100644
--- a/package/component/package.json
+++ b/package/component/package.json
@@ -5,7 +5,7 @@
   "license": "MIT",
   "description": "a component library for Vue 3 base on layui-vue",
   "homepage": "http://www.layui-vue.com",
-  "main": "esm/index.js",
+  "main": "es/index.js",
   "unpkg": "umd/index.js",
   "jsdelivr": "umd/index.js",
   "types": "types/index.d.ts",
@@ -17,14 +17,14 @@
   ],
   "exports": {
     ".": {
-      "import": "./esm/index.js"
+      "import": "./es/index.js"
     },
     "./lib/": "./lib/",
-    "./esm/": "./esm/"
+    "./es/": "./es/"
   },
   "scripts": {
-    "build": "npm run build:all && npm run build:esm && npm run build:umd && npm run build:types",
-    "build:esm": "vite build --emptyOutDir --config ./script/build.esm.ts",
+    "build": "npm run build:all && npm run build:es && npm run build:umd && npm run build:types",
+    "build:es": "vite build --emptyOutDir --config ./script/build.es.ts",
     "build:all": "vite build --emptyOutDir --config ./script/build.all.ts",
     "build:umd": "vite build --emptyOutDir --config ./script/build.umd.ts",
     "build:types": "rimraf types && tsc -d"
@@ -59,7 +59,7 @@
   },
   "files": [
     "lib",
-    "esm",
+    "es",
     "umd",
     "types"
   ],
diff --git a/package/component/script/build.esm.ts b/package/component/script/build.es.ts
similarity index 78%
rename from package/component/script/build.esm.ts
rename to package/component/script/build.es.ts
index 2d4af333..602ea6b0 100644
--- a/package/component/script/build.esm.ts
+++ b/package/component/script/build.es.ts
@@ -21,8 +21,16 @@ const inputs = inputsArray.reduce((backObj, pkgName) => {
 
 inputs["index"] = resolve(process.cwd(), "./src/index.ts");
 const matchModule: string[] = [
-  'input', 'dropdown', 'carousel', 'transition', 'datePicker', 'header',
-  'selectOption', 'skeletonItem', 'tabItem', 'upload'
+  "input",
+  "dropdown",
+  "carousel",
+  "transition",
+  "datePicker",
+  "header",
+  "selectOption",
+  "skeletonItem",
+  "tabItem",
+  "upload",
 ];
 
 export default (): UserConfigExport => {
@@ -48,7 +56,7 @@ export default (): UserConfigExport => {
     build: {
       cssCodeSplit: true,
       emptyOutDir: true,
-      outDir: "esm",
+      outDir: "es",
       lib: {
         entry: resolve(process.cwd(), "./src/index.ts"),
         formats: ["es"],
@@ -59,28 +67,32 @@ export default (): UserConfigExport => {
           globals: {
             vue: "Vue",
           },
-          manualChunks(id) {                      
-            let arr = id.toString().split('/');
-            if (id.includes('node_modules')) {
+          manualChunks(id) {
+            let arr = id.toString().split("/");
+            if (id.includes("node_modules")) {
               //id => layui-vue/node_modules/.pnpm/@vue+devtools-api@6.1.4/node_modules/@vue/devtools-api/lib/esm/api/app.js
               const chunksName = "_chunks/";
-              return chunksName + id.toString().split('node_modules/')[2].split('/')[0].toString();
-            } else if (arr.length >= 2){
+              return (
+                chunksName +
+                id.toString().split("node_modules/")[2].split("/")[0].toString()
+              );
+            } else if (arr.length >= 2) {
               //if (arr.length >= 2 && arr[arr.length - 1].split('.')[1] != 'ts'){
-              let entryPoint = arr[arr.length - 2].toString()
+              let entryPoint = arr[arr.length - 2].toString();
               if (matchModule.includes(entryPoint)) {
                 return entryPoint;
               }
             }
           },
           chunkFileNames: ({ name }) => {
+            console.log(name);
             return name === "index" ? "index.js" : "[name]/index.js";
           },
           entryFileNames: ({ name }) => {
             return name === "index" ? "index.js" : "[name]/index.js";
           },
           assetFileNames: "[name]/index.css",
-        },        
+        },
         external: ["vue", "vue-router"],
       },
     },
diff --git a/package/component/src/resolver/index.ts b/package/component/src/resolver/index.ts
index 7162b2a0..86ec322c 100644
--- a/package/component/src/resolver/index.ts
+++ b/package/component/src/resolver/index.ts
@@ -324,7 +324,7 @@ export interface LayuiVueResolverOptions {
 const libRE = /^Lay[A-Z]/;
 const layerRE = /^(layer|LayLayer)$/;
 const iconsRE = /^([A-Z][\w]+Icon|LayIcon)$/;
-const esComponentsFolder = "@layui/layui-vue/esm";
+const esComponentsFolder = "@layui/layui-vue/es";
 
 function lowerCamelCase(str: string) {
   return str.charAt(0).toLowerCase() + str.slice(1);