chore: 优化构建-将lingxi-design-ui抽离为远程加载

config/config.ts

@@ -27,19 +27,20 @@ const config: any = {
   /**
    * 远程js引入
    */
-  externals: {
+  externals: Object.assign({
     "react": 'React',
     "react-dom": 'ReactDOM',
     "@antv/g2": 'G2',
     "@antv/data-set": 'DataSet',
     bizcharts: 'BizCharts',
-  },
+  }, isProduction ? { "lingxi-design-ui": 'LingXiUI' } : {}),
   scripts: [
     isProduction ? 'http://lingxi-frontend-prod.oss-cn-hangzhou.aliyuncs.com/static/js/react.production.min.js' : 'http://lingxi-frontend-prod.oss-cn-hangzhou.aliyuncs.com/static/js/react.development.js',
     isProduction ? 'http://lingxi-frontend-prod.oss-cn-hangzhou.aliyuncs.com/static/js/react-dom.production.min.js' : 'http://lingxi-frontend-prod.oss-cn-hangzhou.aliyuncs.com/static/js/react-dom.development.js',
     'http://lingxi-frontend-prod.oss-cn-hangzhou.aliyuncs.com/static/js/g2.min.js',
     'http://lingxi-frontend-prod.oss-cn-hangzhou.aliyuncs.com/static/js/data-set.js',
-    'http://lingxi-frontend-prod.oss-cn-hangzhou.aliyuncs.com/static/js/BizCharts.min.js'
+    'http://lingxi-frontend-prod.oss-cn-hangzhou.aliyuncs.com/static/js/BizCharts.min.js',
+    isProduction && 'http://lingxi-frontend-prod.oss-cn-hangzhou.aliyuncs.com/static/js/LingXiUI.min.js'
   ],
   // 如需写入环境变量 需在config中先写入
   define: {
@@ -134,39 +135,46 @@ const config: any = {
       .use('@svgr/webpack')
       .loader(require.resolve('@svgr/webpack'));
 
-    // isProduction &&
-    //   config.merge({
-    //     optimization: {
-    //       minimize: true,
-    //       splitChunks: {
-    //         chunks: 'all',
-    //         minSize: 30000,
-    //         minChunks: 3,
-    //         automaticNameDelimiter: '.',
-    //         cacheGroups: {
-    //           vendor: {
-    //             name: 'vendors',
-    //             test({ resource }) {
-    //               return /[\\/]node_modules[\\/]/.test(resource);
-    //             },
-    //             priority: 10,
-    //           },
-    //           services: {
-    //             name: 'services',
-    //             test({ resource }) {
-    //               return /[\\/]services[\\/]/.test(resource)
-    //             }
-    //           },
-    //           styles: {
-    //             name: 'styles',
-    //             test: /\.(le|c)ss$/,
-    //             chunks: 'all',
-    //             enforce: true,
-    //           }
-    //         },
-    //       },
-    //     },
-    //   });
+    isProduction &&
+      config.merge({
+        optimization: {
+          minimize: true,
+          splitChunks: {
+            chunks: 'all',
+            minSize: 1024 * 30,
+            minChunks: 2,
+            automaticNameDelimiter: '.',
+            cacheGroups: {
+              vendor: {
+                name: 'vendors',
+                test({ resource }) {
+                  return /[\\/]node_modules[\\/]/.test(resource);
+                },
+                priority: -10,
+              },
+              services: {
+                name: 'services',
+                test({ resource }) {
+                  return /[\\/]services[\\/]/.test(resource)
+                },
+              },
+              "lingxi-disign": {
+                name: '@lingxi-disign',
+                test({ resource }) {
+                  return /[\\/]@lingxi-disign[\\/]/.test(resource)
+                },
+                priority: 30,
+              },
+              styles: {
+                name: 'styles',
+                test: /\.(le|c)ss$/,
+                chunks: 'all',
+                enforce: true,
+              }
+            },
+          },
+        },
+      });
   },
   cssLoader: {
     localsConvention: 'camelCase', // 将style中的class由 .foo-body 转化为fooBody调用

src/pages/transaction/marketingAbility/marketingActivitiesManagement/activePage/fixtures/index.tsx

-import React, { useEffect, useState } from 'react';
+import { useState } from 'react';
 import { Spin, message , Tabs } from 'antd';
 import { BrickProvider, ModuleTree } from '@lingxi-disign/react';
 import { omit, pick } from 'lodash';
 import { history } from 'umi';
 import MobileDesignPanel from './components/MobileDesignPanel';
-import componentConfigs from './common/configs';
 import Toolbar from './components/Toolbar';
 import styles from './index.less';
 import EditPanel from './components/EditPanel/editPanelForm';