Jak spakować bibliotekę za pomocą pakietu internetowego?

Question

Chcę utworzyć bibliotekę frontendową. Dlatego chcę korzystać z pakietu internetowego. Szczególnie podoba mi się css i program ładujący obrazy. Mogę jednak wymagać tylko plików innych niż JS, jeśli używam pakietu WebPack. Ponieważ buduję bibliotekę, nie mogę powiedzieć, że będzie to również użytkownik mojej biblioteki.

Czy istnieje sposób, aby połączyć wszystko w moduł UMD, aby go opublikować? Próbowałem używać wielu punktów wejścia, jednak nie mogę wymagać modułu wtedy.

góry dzięki

Answer 1

Można znaleźć dobrego przewodnika do tworzenia bibliotek w Webpack 2,0 documentation site. Dlatego dla tego przykładu używam składni ver 2 w webpack.config.js.

Oto Github repo z przykładową biblioteką.

Buduje wszystkie pliki z src/ (js, png i css) w jednej wiązce JS, które można po prostu wymagane jako moduł umd.

na które musimy określić ustawienia podążać webpack.config.js:

output: { 
    path: './dist', 
    filename: 'libpack.js', 
    library: 'libpack', 
    libraryTarget:'umd' 
}, 

i package.json powinien posiadać:

"main": "dist/libpack.js", 

Należy pamiętać, że trzeba stosować odpowiednie ładowarki zapakować wszystko w jednym pliku . na przykład base64-image-loader zamiast file-loader