feat: md;

zhuqingyv · zhuqingyv · commit d472f555ec34 · 2025-12-21T04:32:02.000+08:00
diff --git a/README.md b/README.md
@@ -41,7 +41,12 @@ import('https://cdn.jsdelivr.net/npm/nova-view@0.1.9/dist/lib/nova-dom.min.js').
   // ... 相同代码
 });
 
-// 方法3：如果 CSP 限制严格，使用本地文件
+// 方法3：如果遇到 Rollup 打包错误，使用全局变量方式
+// 打开: https://unpkg.com/nova-view@0.1.9/dist/lib/nova-dom.umd.min.js
+// 复制全部代码到控制台，然后运行:
+// const { Dom, mount, ref } = window['nova-view']; /* 同上代码 */
+
+// 方法4：如果 CSP 限制严格，使用本地文件
 // 1. 下载: curl -o nova-dom.min.js https://unpkg.com/nova-view@0.1.9/dist/lib/nova-dom.min.js
 // 2. 然后在控制台运行:
 // import('./nova-dom.min.js').then(({ Dom, mount, ref }) => { /* 同上代码 */ });
@@ -141,7 +146,7 @@ npm install nova-view
 </script>
 ```
 
-**方式2：全局变量（推荐）**
+**方式2：全局变量（推荐，兼容性最好）**
 ```html
 <!DOCTYPE html>
 <html>
@@ -170,6 +175,26 @@ npm install nova-view
 </html>
 ```
 
+**方式3：如果遇到 jsDelivr 打包错误**
+
+某些环境下 jsDelivr 的 Rollup v2.79.2 可能无法处理我们的包，可以使用以下替代方案：
+
+```html
+<!-- 使用 unpkg (推荐) -->
+<script src="https://unpkg.com/nova-view@0.1.9/dist/lib/nova-dom.umd.min.js"></script>
+
+<!-- 或者使用 cdnjs -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/nova-view/0.1.9/nova-dom.umd.min.js"></script>
+
+<!-- 或者下载到本地使用 -->
+<script src="./nova-dom.umd.min.js"></script>
+
+<script>
+  // 然后使用全局变量
+  const { Dom, ref, component, mount } = window['nova-view'];
+</script>
+```
+
 **故障排除**：
 
 如果动态导入失败，请检查：
diff --git a/packages/lib/vite.config.ts b/packages/lib/vite.config.ts
@@ -87,6 +87,34 @@ export default defineConfig({
         // 其他视为外部依赖
         return !id.startsWith(resolve(__dirname, 'src'));
       },
+      // 为 UMD 构建使用更兼容的配置
+      output: [
+        // ES Module 输出
+        {
+          format: 'es',
+          compact: true,
+          preserveModules: false,
+          exports: 'named',
+          banner: "'use strict';",
+          inlineDynamicImports: true,
+          generatedCode: {
+            constBindings: true,
+            symbols: true,
+          },
+        },
+        // UMD 输出 - 简化以最大化兼容性
+        {
+          format: 'umd',
+          name: 'NovaView',
+          compact: true,
+          preserveModules: false,
+          exports: 'named',
+          banner: "'use strict';",
+          inlineDynamicImports: true,
+          // 使用最兼容的代码生成选项
+          generatedCode: 'es5',
+        },
+      ],
       
       output: [
         // ES Module 输出
