feat:优化打包命令。

.env.build-lib

@@ -0,0 +1 @@
+NODE_ENV = 'build-lib'

.env.development

@@ -0,0 +1 @@
+NODE_ENV = 'development'

.env.production

@@ -0,0 +1 @@
+NODE_ENV = 'production'

package.json

@@ -4,10 +4,10 @@
   "description": "A visual graph editor based on G6 and Vue.",
   "main": "dist/xfc.umd.min.js",
   "scripts": {
-    "serve": "vue-cli-service serve",
-    "example": "npx --max_old_space_size=8192 vue-cli-service serve ./example/main.js",
-    "build": "vue-cli-service build",
-    "build-package": "vue-cli-service build --target lib --name xfc ./src/xfc.js --dest ./dist --report",
+    "serve": "vue-cli-service serve --mode development",
+    "example": "npx --max_old_space_size=4096 vue-cli-service serve --mode development ./example/main.js",
+    "build": "vue-cli-service build --mode production",
+    "build-lib": "vue-cli-service build --mode build-lib --target lib --name xfc ./src/xfc.js --dest ./dist --report",
     "lint": "vue-cli-service lint"
   },
   "repository": {

vue.config.js

@@ -6,8 +6,6 @@
  * 文档：https://cli.vuejs.org/zh/config/
  */
 
-const webpack = require('webpack')
-
 module.exports = {
   // 部署应用包时的基本URL，置空使用相对路径
   publicPath: '/X-Flowchart-Vue/',
@@ -48,25 +46,25 @@ module.exports = {
       '@antv/g6': 'G6',
       'iview': 'iview'
     }
-  }
-  ,
+  },
   chainWebpack: config => {
-    const cdn = {
-      // 访问https://unpkg.com/element-ui/lib/theme-chalk/index.css获取最新版本
-      css: ['//unpkg.com/[email protected]/dist/styles/iview.css'],
-      js: [
-        '//unpkg.com/[email protected]/dist/vue.min.js',
-        '//unpkg.com/[email protected]/dist/vuex.min.js',
-        '//unpkg.com/[email protected]/dist/iview.js',
-        '//unpkg.com/@antv/[email protected]/dist/g6.min.js'
-      ]
-    }
+    config.when(['development', 'production'].includes(process.env.NODE_ENV), config => {
+      const cdn = {
+        css: ['//unpkg.com/[email protected]/dist/styles/iview.css'],
+        js: [
+          '//unpkg.com/[email protected]/dist/vue.min.js',
+          '//unpkg.com/[email protected]/dist/vuex.min.js',
+          '//unpkg.com/[email protected]/dist/iview.js',
+          '//unpkg.com/@antv/[email protected]/dist/g6.min.js'
+        ]
+      }
 
-    // 如果使用多页面打包，使用vue inspect --plugins查看html是否在结果数组中
-    config.plugin('html').tap(args => {
-      // html中添加cdn
-      args[0].cdn = cdn
-      return args
+      // 如果使用多页面打包，使用vue inspect --plugins查看html是否在结果数组中
+      config.plugin('html').tap(args => {
+        // html中添加cdn
+        args[0].cdn = cdn
+        return args
+      })
     })
   }
 }