ES6 Modules: Exporting and importing performance differences

Question

I have some components in my vue project. I don\'t like import loader from \'@/components/someComponent1/someComponent1.vue\'; because it\'s a lot to write and

Answer 1

No, it's not slower (not by much, of course it has to load one more file, and the IO will take most of the extra time).

An import always loads the whole module, creates all the exported values, and resolves the imported bindings. It doesn't matter whether only one or all the exported bindings are used. It doesn't matter what syntax the import declaration is using. It doesn't even matter whether the resolution goes through the additional index.js file or not, in the end the reference that is used at runtime is exactly the same.

On the contrary, I would consider it a good practise to use such an index.js file if it keeps your modules more maintainable.