Export mehr „Dateien“ aus einer einzigen Compilation

Question

ich einfach meinen Code in ein einziges Modul über die folgende Strategie mit webpack transpile kann:

{ 
    entry: path.join(__dirname, 'src/index.js'), 
    output: { 
    path: path.join(__dirname, 'dist'), 
    filename: 'bundle.js', 
    libraryTarget: 'umd', 
    library: 'totem-ui', 
    } 
} 

Wo ist meine src/index.js Datei sieht wie folgt aus:

export { default as Button } from 'src/atoms/Button'; 

Dies kann wie so von Anwendungen von Drittanbietern konsumiert werden:

import { Button } from 'totem-ui'; 

aber was ich bin versuchen zu erreichen ist etwas Ähnliches wie react-router oder lodash tut es. Zum Beispiel mit reagieren-Router, können Sie ein einzelnes Modul wie folgt importieren:

import Router from 'react-router/lib/Router'; 

In meinem Fall würde es so aussehen:

import Button from 'totem-ui/atoms/Button'; 

Wie dies über webpack erreicht wird? Wie heißt dieses Muster?

Answer 1

denke ich, die Bibliothek und libraryTarget Option verwenden können -

https://webpack.github.io/docs/configuration.html#output-librarytarget

Auch diese vorformulierten Kasse, die ich Tackles das gleiche Problem denken -

https://github.com/webpack/webpack/tree/master/examples/multi-part-library