fix: the new umd bundle should load antdMobile variable onto window

awmleer · awmleer · commit eeaf900541f8 · 2022-08-17T15:50:43.000+08:00
diff --git a/gulpfile.js b/gulpfile.js
@@ -118,9 +118,11 @@ function getViteConfigForPackage({ formats, external }) {
 
     logLevel: 'silent',
 
+    define: { 'process.env.NODE_ENV': '"development"' },
+
     build: {
       lib: {
-        name,
+        name: 'antdMobile',
         entry: './lib/es/index.js',
         formats,
         fileName: format => `${name}.${format}.js`,
@@ -129,7 +131,7 @@ function getViteConfigForPackage({ formats, external }) {
         external,
         output: {
           dir: './lib/bundle',
-          exports: 'named',
+          // exports: 'named',
           globals: {
             'react': 'React',
             'react-dom': 'ReactDOM',
diff --git a/umd.html b/umd.html
@@ -11,7 +11,8 @@
   </head>
   <body>
     <div id="root"></div>
-    <script src="./lib/umd/antd-mobile.js"></script>
+    <script src="./lib/bundle/antd-mobile.umd.js"></script>
+    <link rel="stylesheet" href="./lib/bundle/style.css" />
 
     <script type="text/babel">
       const { Button, ErrorBlock } = window.antdMobile
