How to import from a vue3 lib

Question

I'm creating a big big vue 3 library with Vite and Typescript. I'm trying to have the most optimized app for the final build. I don't understant whats the difference beetween importing from the lib or directly the file from the lib.

Like for example, it is better to import like that : import Comp from '@mylib/entrypoint' Or like that : import Comp from 'node_modules/@mylib/.../Comp.vue'

I've tried both and I seem to win some little kb with the second method but i dont know if it is worth the price, can somebody explain please thanks !

You don't need node_modules here, just import Comp from '@mylib/.../Comp.vue'. It should be the same size if it's ES module — Dimava
– Dimava, Commented Sep 20, 2023 at 8:34
import Comp from '@mylib/entrypoint' is already shorthand for import Comp from 'node_modules/@mylib/entrypoint'. There is no difference. — yoduh
– yoduh, Commented Sep 20, 2023 at 21:11

Suresh Kumar Gangumallla · Accepted Answer · 2023-09-21 12:00:22Z

0

In general the entrypoint (index.js) responsible for exporting all exportable functions from particular library. One should avoid importing particular module by travelling deep into origin file to import that module. Library might have different modules based on it's architecture but at the end library entry point imports all different modules and re export them. so I suggest always import modules from entry point.

answered Sep 21, 2023 at 12:00

Suresh Kumar Gangumallla

916 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to import from a vue3 lib

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related