Allow each Component to be imported from respective root folder: multi-entry support

Sorry for the question, but I could not find info in the docs on how to do this.

I have a library of React Components with a source structure similar to: https://github.com/mui-org/material-ui/tree/master/packages/material-ui/src

Is it possible to setup TSDX to build the library so that one can import individual components from their individual root folders?

   import Avatar from 'my-library/Avatar';
   import Button from 'my-library/Button';

Currently using TSDX we are forced to import all the components from the root index

   import { Avatar, Button } from 'my-library';

Thank you.

[brainkim]

@ambroseus I had some of the same thoughts today after wrestling with rollup configs and deployment for a new library I wanted to publish. As far as I can tell, rollup’s value propositions are threefold. It allows you to:

1. parse and compile esmodules to other formats for dependents
2. defensively bundle your dependencies (protecting you from left-pad or whatever)
3. tree-shake dependencies

Doesn’t 1 become obsolete when esmodules are available everywhere? And if 1 is gone, I really can’t recommend rollup for 2 or 3 insofar as with 2, I think you should either trust your dependencies or copy-paste them into your codebase, and with 3 I have never been able to cleanly add a dependency to a rollup project without having to deal with one or several of the errors/warnings listed here: https://rollupjs.org/guide/en/#troubleshooting. Rollup is an incredibly finicky consumer of code and rarely am I able to just install a dependency and get it to just compile without tweaking rollup.config.js.

I dunno.

[ambroseus]

OFF TOPIC

Why in 2020 we still use bundlers with so complex configs/plugins ?? modern browsers/node 12 already support native modules import so why not to throw out webpack/parcell/rollup and start using https://www.snowpack.dev ? 😃

With Snowpack you can build modern web apps (using React, Vue, etc.) without a bundler (like Webpack, Parcel, Rollup). No more waiting for your bundler to rebuild your site every time you hit save. Instead, every change is reflected in the browser instantly.