💚 增加iife的输出，完善文档与demo

Author: Gaubee

README.md

@@ -2,32 +2,42 @@
 
 [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/owner/my-element)
 
+## DEMO
+
+- [example 1](https://bioforestchain.github.io/virtual-scroll/)
+
 ## Usage
 
+**Install Dep**
+
 ```bash
 npm i @bfchain/virtual-scroll --save
 yarn add @bfchain/virtual-scroll
 ```
 
+**moderns web dev**
+
+> For Angular/React/Vue/Preact etc.
+
 ```ts
 import "@bfchain/virtual-scroll";
 ```
 
-## DEMO
+**or include directly**
+
+> For vanillajs
+
+```html
+<script src="./node_modules/@bfchain/virtual-scroll/dist/vitrual-scroll.iife.js"></script>
+```
+
+**then you can use the component in your html**
 
 <!--
 ```html
-<custom-element-demo>
+<custom-element-demo height="640">
   <template>
-    <script type="importmap">
-    {
-        "imports": {
-        "lit-element": "//unpkg.com/lit-element@2.4.0/lit-element.js",
-        "lit-html/": "//unpkg.com/lit-html@1.4.1/"
-        }
-    }
-    </script>
-    <script type="module" src="./dist/virtual-scroll.es.js"></script>
+    <script type="module" src="./iife/virtual-scroll.iife.js"></script>
     <style>
     html,
     body {

demo.html

@@ -1,12 +1,4 @@
-<script type="importmap">
-  {
-    "imports": {
-      "lit-element": "//unpkg.com/lit-element@2.4.0/lit-element.js",
-      "lit-html/": "//unpkg.com/lit-html@1.4.1/"
-    }
-  }
-</script>
-<script type="module" src="./dist/virtual-scroll.es.js"></script>
+<script type="module" src="./dist/virtual-scroll.iife.js"></script>
 <style>
   html,
   body {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bfchain/virtual-scroll",
-  "version": "1.4.0",
-  "main": "dist/virtual-scroll.cjs.js",
+  "version": "1.4.1",
+  "main": "./dist/virtual-scroll.iife.js",
   "exports": {
     ".": {
       "import": "./dist/virtual-scroll.es.js",
@@ -21,7 +21,7 @@
   "scripts": {
     "dev": "vite --host 0.0.0.0 --port 4600",
     "publ": "npm publ --access public",
-    "build": "tsc && vite build && vite build -c .\\vite-demo.config.ts --base=./",
+    "build": "tsc && vite build && vite build -c .\\vite-iife.config.ts && vite build -c .\\vite-demo.config.ts --base=./",
     "vite": "vite"
   },
   "dependencies": {

vite-iife.config.ts

@@ -0,0 +1,14 @@
+import { defineConfig } from "vite";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  build: {
+    target: ["chrome74"],
+    lib: {
+      entry: "src/index.ts",
+      name: "virtualScroll",
+      formats: ["iife"],
+    },
+    emptyOutDir: false,
+  },
+});

vite.config.ts

@@ -6,8 +6,7 @@ export default defineConfig({
     target: ["chrome74"],
     lib: {
       entry: "src/index.ts",
-      name: "virtualScroll",
-      formats: ["es", "cjs", "umd"],
+      formats: ["es", "cjs"],
     },
     rollupOptions: {
       external: /^lit-element/,