How zu bündeln und eine Bibliothek mit webpack?
Erstellen Sie ein frontend-Bibliothek.
Deshalb will ich mit webpack. Vor allem mag ich die css-und Bild-loader.
Allerdings kann ich nur eine nicht-JS-Dateien, wenn ich mich mit webpack.
Weil ich bin den Aufbau einer Bibliothek, kann ich nicht garanty, dass der Benutzer von " meine Bibliothek auch.
Ist es ich Weise bündeln alles in einem UMC-Modul zu veröffentlichen?
Ich habe versucht, über mehrere Einstiegspunkte, aber ich kann nicht verlangen, das Modul dann.
Vielen Dank im Voraus
- Vielleicht habe ich etwas übersehen, meinst du, dass Sie wollen, veröffentlichen Sie Ihr Paket Bibliothek zu npm, und der Benutzer wird
import
es? Also warum "kann ich nur eine nicht-JS-Dateien, wenn ich mich mit webpack"? Könnten Sie ein Beispiel geben? Und über "ich habe versucht, mit multiple entry points" Haben Sie die Möglichkeit, dass Sie nicht brauchenwebpack
- nurbabel
reichen wird??? - Ja, ich habe als nur mit babel. Aber wenn ich require("./etwas.css") und auch nicht mit webpack in einem Projekt, wo ich require("meine Bibliothek"). Wenn ich diesen starte, wird es nicht funktionieren.
- So Sie möchten, erstellen Sie eine Bibliothek, die verwendet werden würde, ohne webpack? Ok. Hast du versucht es mit single-entry-point?
- ja, aber das ist im Grunde meine Frage, wie das zu tun.
- Haben Sie gesehen, diese Beispiele webpack-Bibliothek-Beispiel? Werden Sie lösen Ihre Frage?
- Nein, aber es funktioniert nicht mit einem loader. E. g. require("./somethind.css"). Wie kann ich garanty, dass das css richtig geladen ist?
- Hi Arwed Mett! Ist es noch aktuell für Sie? Ich habe gerade gespielt mit der Schaffung einer " webpack-Pakete und schließlich habe ich noch build-library, die incapsulates Bild-und css-Code in eine JS-Datei. Es ist möglich, zu importieren und zu verwenden, ohne
webpack
oderbabel
. Ich veröffentlicht habe dieses Beispiel Github. Könnte Sie überprüfen Sie es und sagen Sie mir, ist es das, was Sie gefragt haben? github.com/UsulPro/libpack - das war genau das was ich gesucht habe, vielen Dank
- wissen Sie, ob es einen bestimmten Grund, warum Sie verwendet werden, Regeln anstelle der Lader? Und stört es dich, dass mir jetzt, wo Sie dies gefunden in der Dokumentation?
- Es ist, weil ich früher webpack v2. Arwed Mett, würden Sie mir, wenn ich post die Antwort mit meiner Lösung und einige details?
- sicher, gehen Sie voran 😀
- Check github.com/atte-backman/ts-library-boilerplate/blob/master/src/...
Du musst angemeldet sein, um einen Kommentar abzugeben.
Finden Sie eine gute Anleitung für das erstellen von Bibliotheken im Webpack 2.0 Dokumentations-Website. Deshalb bin ich bei ver-2-syntax in
webpack.config.js
für dieses Beispiel.Hier ist ein Github repo mit einem Beispiel-Bibliothek.
Er baut Sie alle Dateien aus
src/
(js
,png
undcss
) in eine JS-bundle, das könnte einfach sein, benötigt einumd
Modul.dass wir angeben müssen, die Folgen Einstellungen in
webpack.config.js
:sowie
package.json
haben sollte:Beachten Sie, dass müssen Sie geeignete Lader zu packen alles in eine Datei. z.B.
base64-image-loader
stattfile-loader
Den Kommentar geschrieben von @OlegPro ist sehr hilfreich. Ich empfehle jedem diesen Artikel zu Lesen für die Erklärung, wie diese Sachen funktionieren
http://krasimirtsonev.com/blog/article/javascript-library-starter-using-webpack-es6
Benötigen Sie Folgendes sicher, wenn Sie wollen in der Lage sein, um den import der bundle-Datei in Ihrem Projekt