diff --git a/.env.buildExp b/.env.buildExp
new file mode 100644
index 0000000000000000000000000000000000000000..13eb909ff324fb94b9ff8ec9594ae5a8a1345685
--- /dev/null
+++ b/.env.buildExp
@@ -0,0 +1,2 @@
+NODE_ENV='production'
+VUE_APP_BUILD='lib'
diff --git a/package.json b/package.json
index 43681cde317f16d5f5cc67f25ab80033b4bc275d..f349a458cb761ec4ec4bee4493be098577ca9151 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "private": false,
   "main": "lib/SnakerflowDesigner.umd.min.js",
   "scripts": {
-    "lib": "vue-cli-service build --target lib --name SnakerflowDesigner --dest lib packages/index.ts",
+    "lib": "vue-cli-service build --mode buildLib --target lib --name SnakerflowDesigner --dest lib packages/index.ts",
     "dev": "vue-cli-service serve",
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
diff --git a/vue.config.js b/vue.config.js
index ba37f0c23d2843c7d29ca9258784c464eb277c3e..f0a3908513d7f51f1265d9f6cab229b75f897f5f 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -12,6 +12,21 @@ module.exports = {
       filename: 'index.html'
     }
   },
+  configureWebpack: config => {
+    // 当打包模式为类库时，需要排除以下第三方库
+    if (process.env.VUE_APP_BUILD === 'lib') {
+      config.externals = {
+        vue: {
+          root: 'Vue',
+          commonjs: 'vue',
+          commonjs2: 'vue',
+          amd: 'vue'
+        },
+        'element-plus': 'element-plus',
+        'vue-router': 'vue-router'
+      }
+    }
+  },
   // 强制内联CSS
   css: {
     extract: false