way to create a merged layer about layers-loader HOT 6 OPEN

what exactly do you mean by "merged" layer?

from layers-loader.

for given example it would like:

.
└── merged-layer/
    └── button/
        └── core-components.js   // export default class
        └── custom-components.js // import Button from './core-components'; export default class
        └── product-theme.js     // import Button from './custom-components'; export default class
        └── index.js             // export Button as default from './product-theme';
        └── index.css            // styles from theme-reset/button/styles.less and product-theme/button/styles.less

from layers-loader.

app

.
└── app/
    └── somewhere.js

import Button from 'merged-layer/button';
import 'merged-layer/button/index.css';

class SomeAppComponent extends React.Component {
    // ...
    return (
      //...
        <Button
          icon="never-gonna-give-you-up.png"
          onClick={doStuff}>
          {'Click me'}
        </Button>
      //...
    );
}

from layers-loader.

I'm not quite sure that it's possible at all. I mean you can't prebuild your layer standalone because you don't know about other layers.

@mistadikay

from layers-loader.

I think @Guria means prebuilding layer with resolved #-imports, so you can just require, for example, button — and it will be already prebuilded with all layers. Maybe it's possible to prebuild layer with a separate entry point for each component? But what about other dependencies, for example, if some component uses moment library — should it be bundled as well in this case?

from layers-loader.

@mistadikay yep, you are right. It should be some build tool which use layer array ([require('core-components'),require('theme-reset'),require('../custom-layer')]) as input and generates merged layer by resolving #-imports.

But what about other dependencies, for example, if some component uses moment library — should it be bundled as well in this case?

Of course not. Usual requires should left as is. Hmm. It means we should somehow merge dependencies from layers too.

from layers-loader.