build: maps 包添加 umd 产物 (#2407)

* build: mpas 包添加 umd 产物

* chore: add changeset

* test: sleepTime

.changeset/honest-poems-live.md

@@ -0,0 +1,5 @@
+---
+'@antv/l7-maps': patch
+---
+
+build: mpas 包添加 umd 产物

__tests__/integration/line.spec.ts

@@ -3,6 +3,7 @@ import { generateCanvasTestCases } from './utils/generator';
 const TEST_CASES = [
   {
     name: 'arc',
+    sleepTime: 500,
   },
   {
     name: 'arc_plane',
@@ -11,10 +12,11 @@ const TEST_CASES = [
 
   {
     name: 'flow',
-    sleepTime: 500,
+    sleepTime: 800,
   },
   {
     name: 'arc',
+    sleepTime: 600,
   },
   {
     name: 'dash',

packages/maps/.fatherrc.ts

@@ -1,10 +1,48 @@
+import type { IFatherConfig } from 'father';
 import { defineConfig } from 'father';
+import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer';
 
 const isProduction = process.env.NODE_ENV === 'production';
 
+const umdConfig: IFatherConfig['umd'] = {
+  name: 'L7Maps',
+  output: {
+    path: './dist',
+    filename: 'l7-maps.min.js',
+  },
+  platform: 'browser',
+  targets: { ie: 11 },
+  externals: {
+    'mapbox-gl': {
+      root: 'mapboxgl',
+      commonjs: 'mapbox-gl',
+      commonjs2: 'mapbox-gl',
+      amd: 'mapbox-gl',
+    },
+    'maplibre-gl': {
+      root: 'maplibregl',
+      commonjs: 'maplibre-gl',
+      commonjs2: 'maplibre-gl',
+      amd: 'maplibre-gl',
+    },
+  },
+  chainWebpack(memo) {
+    // 关闭压缩方便调试，默认开启
+    // memo.optimization.minimize(false);
+
+    // 打包体积分析
+    memo
+      .plugin('webpack-bundle-analyzer')
+      .use(BundleAnalyzerPlugin, [{ analyzerMode: 'static', openAnalyzer: false }]);
+
+    return memo;
+  },
+};
+
 export default defineConfig({
   extends: '../../.fatherrc.base.ts',
   // 使用 babel 编译 esm/cjs 产物，启用 transform-import-css-l7 插件完成 CSS 内联打包
   esm: { transformer: 'babel' },
   cjs: isProduction ? { transformer: 'babel' } : undefined,
+  umd: isProduction ? umdConfig : undefined,
 });

packages/maps/package.json

@@ -8,11 +8,14 @@
     "**/*.css"
   ],
   "main": "lib/index.js",
+  "unpkg": "dist/l7-maps.min.js",
   "module": "es/index.js",
   "types": "es/index.d.ts",
   "files": [
+    "dist",
     "lib",
-    "es"
+    "es",
+    "!dist/report.html"
   ],
   "scripts": {
     "dev": "father dev",