feat: plugin vue for build

ivanfretes · ivanfretes · commit 5f2092c01d96 · 2023-08-26T18:54:04.000-04:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -9,6 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "path": "^0.12.7",
     "vue": "^3.3.4"
   },
   "devDependencies": {
diff --git a/src/App.vue b/src/App.vue
@@ -1,30 +1,5 @@
-<script setup lang="ts">
-import HelloWorld from './components/HelloWorld.vue'
-</script>
-
 <template>
   <div>
-    <a href="https://vitejs.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-    </a>
+    <p>Hola</p>
   </div>
-  <HelloWorld msg="Vite + Vue" />
-</template>
-
-<style scoped>
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
-}
-</style>
+</template>
diff --git a/src/main.ts b/src/main.ts
@@ -1,5 +1,13 @@
-import { createApp } from 'vue'
+// import { createApp } from 'vue'
 import './style.css'
-import App from './App.vue'
 
-createApp(App).mount('#app')
+
+import TreeMenu from './components/TreeMenu/TreeMenu.vue'
+import TreeNode from './components/TreeMenu/TreeNode.vue'
+import ToggleIcon from './components/TreeMenu/ToggleIcon.vue'
+
+
+export {TreeMenu, TreeNode, ToggleIcon}
+
+//import App from './App.vue'
+// createApp(App).mount('#app')
diff --git a/vite.config.ts b/vite.config.ts
@@ -1,7 +1,29 @@
 import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
+import { resolve } from 'path'
+import vue from "@vitejs/plugin-vue";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [vue()],
+  build: {
+    lib: {
+      // Could also be a dictionary or array of multiple entry points
+      entry: resolve(__dirname, 'src/main.ts'),
+      name: 'TreeMenu',
+      // the proper extensions will be added
+      fileName: 'tree-menu',
+    },
+    rollupOptions: {
+      // make sure to externalize deps that shouldn't be bundled
+      // into your library
+      external: ['vue'],
+      output: {
+        // Provide global variables to use in the UMD build
+        // for externalized deps
+        globals: {
+          vue: 'Vue',
+        },
+      },
+    },
+  },
 })
