feat: add support for CDN

Author: Shimada666

package.json

@@ -18,10 +18,13 @@
     "types"
   ],
   "scripts": {
-    "build": "npm run clean && run-s build:*",
+    "build": "npm run clean && run-s build:**",
     "build:2": "vue-demi-switch 2 vue2 && pnpm --filter vue2-playground build",
+    "build:2:umd": "vue-demi-switch 2 vue2 && format=umd pnpm --filter vue2-playground build",
     "build:2.7": "vue-demi-switch 2.7 vue2 && pnpm --filter vue2.7-playground build",
+    "build:2.7:umd": "vue-demi-switch 2.7 vue2 && format=umd pnpm --filter vue2.7-playground build",
     "build:3": "vue-demi-switch 3 vue3 && pnpm --filter vue3-playground build",
+    "build:3:umd": "vue-demi-switch 3 vue3 && format=umd pnpm --filter vue3-playground build",
     "clean": "rimraf ./dist",
     "deploy:demo": "pnpm --filter demo gh-pages",
     "dev:2": "vue-demi-switch 2 vue2 && pnpm --filter vue2-playground dev",

src/global.ts

@@ -0,0 +1,11 @@
+import CodeDiff from './CodeDiff.vue'
+import hljs from './highlight'
+
+const install = (app: any) => {
+  app.component('CodeDiff', CodeDiff)
+}
+
+export default {
+  install,
+  hljs,
+}

vite.base.config.ts

@@ -3,6 +3,8 @@ import { defineConfig } from 'vite'
 import { isVue2 } from 'vue-demi'
 import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js'
 
+const umd = process.env.format === 'umd'
+
 const outputName = 'index'
 export const defaultPlugins = [
   cssInjectedByJsPlugin(),
@@ -15,9 +17,9 @@ export const baseBuildConfig = defineConfig({
     emptyOutDir: false,
     target: 'es2018',
     lib: {
-      entry: path.resolve(__dirname, 'src/index.ts'),
-      formats: ['es', 'cjs'],
-      name: 'index',
+      entry: path.resolve(__dirname, umd ? 'src/global.ts' : 'src/index.ts'),
+      formats: umd ? ['umd'] : ['es', 'cjs'],
+      name: 'CodeDiff',
       fileName: format => `${outputName}.${format}.js`,
     },
     rollupOptions: {