diff --git a/gulpfile.js b/gulpfile.js
index c5d2f2b..61459dd 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -170,7 +170,7 @@ function reloadBrowser(done) {
 }
 
 //Package the core code
-async function core() {
+async function core_rollup() {
     const bundle = await rollup({
         input: 'src/index.js',
         plugins: [
@@ -207,6 +207,20 @@ async function core() {
 
 }
 
+async function core() {
+
+    await require('esbuild').buildSync({
+        format: 'iife',
+        globalName: 'luckysheet',    
+        entryPoints: ['src/index.js'],
+        bundle: true,
+        // minify: true,
+        sourcemap: true,
+        outfile: 'dist/luckysheet.umd.js',
+        logLevel: 'error',
+      })
+}
+
 // According to the build tag in html, package js and css
 function pluginsCss() {
     return src(paths.pluginsCss)
diff --git a/package.json b/package.json
index 908aa04..5dd4d6e 100644
--- a/package.json
+++ b/package.json
@@ -38,6 +38,7 @@
   "dependencies": {
     "@babel/runtime": "^7.12.1",
     "dayjs": "^1.9.6",
+    "esbuild": "^0.11.6",
     "flatpickr": "^4.6.6",
     "jquery": "^2.2.4",
     "numeral": "^2.0.6",
diff --git a/src/controllers/menuButton.js b/src/controllers/menuButton.js
index 6a94403..60eb46e 100644
--- a/src/controllers/menuButton.js
+++ b/src/controllers/menuButton.js
@@ -275,8 +275,8 @@ const menuButton = {
 
                 return;
             }
-
-            let prefix = "", main = "";
+            //Uncaught ReferenceError: Cannot access 'fa' before initialization
+            let prefix = "", main = "", fa = [];
             if(foucsStatus.fa.indexOf(".")>-1){
                 fa = foucsStatus.fa.split(".");
                 prefix = fa[0];
@@ -286,7 +286,7 @@ const menuButton = {
                 return;
             }
 
-            let fa = main.split("");
+            fa = main.split("");
             let tail = "";
             for(let i = fa.length-1; i >= 0; i--){
                 let c = fa[i];
@@ -358,7 +358,9 @@ const menuButton = {
                 return;
             }
 
-            let prefix = "", main = "";
+            //Uncaught ReferenceError: Cannot access 'fa' before initialization
+            let prefix = "", main = "", fa = [];
+            
             if(foucsStatus.fa.indexOf(".")>-1){
                 fa = foucsStatus.fa.split(".");
                 prefix = fa[0];
@@ -368,7 +370,7 @@ const menuButton = {
                 main = foucsStatus.fa;
             }
 
-            let fa = main.split("");
+            fa = main.split("");
             let tail = "";
             for(let i = fa.length - 1; i >= 0; i--){
                 let c = fa[i];
diff --git a/src/index.js b/src/index.js
index 4da8f11..118df0c 100644
--- a/src/index.js
+++ b/src/index.js
@@ -8,4 +8,7 @@ if(window.addEventListener && (navigator.userAgent.indexOf("Firefox") > 0)){
     __firefox();
 }
 
-export default luckysheet;
\ No newline at end of file
+// export default luckysheet;
+
+// use esbuild,bundle iife format
+module.exports =  luckysheet
\ No newline at end of file