Suggestion: Move from barrel files to absolute imports

[evenstensberg]

Summary

Barrel files often makes optimisations and performance worse. This project should move from barrel files to absolute imports to improve performance and readability for components.

💬 Description

See above

💰 Use value

• Good performance
• Makes code more readable
• Bundlers perform better with tree shaking etc

📝 Acceptance Criteria

Given removal of barrel files When building the components Then it should improve load times and performance

✏ Designs

N/A

 🧾 Guidance

• https://stenciljs.com/docs/module-bundling

Additional info

N/A

[evenstensberg]

I think this should be in v3 as it’s a breaking change.

[MI6-255]

Thanks for the suggestion. Would you be able to share examples of where this would change in our codebase please?

[evenstensberg]

You export the web components individually and then include the exports in index.js.

This means that the files exported individually should be accessed directly from their folders without the barrel file (index.js)

It’s a bundler issue, so I’ve sent a message in the stencil discord to figure out how it could work.