Ich möchte versuchen, browserify zum Erstellen meiner Projekte zu verwenden. Es sieht ziemlich cool aus, dass ich js-Dateien mit relativen Pfaden erstellen kann, dann bündle und reduziere ich diese Dateien zusammen. Aber es bleibt mir noch unklar, ob ich das Bundle automatisch zu HTML als
hinzufügen kann <script src=".../.../bundle.min.js"></script>
Und wenn ich einen ähnlichen Trick mit CSS machen kann - irgendwie benötigen CSS-Dateien, einschließlich Lieferanten, bündeln und reduzieren diese Dateien und injizieren das gebündelte CSS in HTML-Kopf als <link> -Tag, nicht <style> .
Ist das möglich? Wenn das so ist, wie? Oder ist eine solche Idee vielleicht nur ein Missverständnis darüber, wie Projekte gebaut werden sollten? Wenn ja, wo irre ich mich?
Sie sollten browserify-css überprüfen. Es erlaubt die Verkleinerung und fügt in ein anderes Bündel css-Datei ein.
Aber die Hauptfunktion von browserify besteht darin, die JavaScript-Dateien in eine einzige Hauptdatei zu integrieren, aber nicht in CSS. Es ist nur nicht für CSS erstellt.
Ich benutze Microsoft Ajax Minifier genau dafür. Ich erstelle die gebündelten Skripte nur für das, was sowohl css als auch js benötigt. Es hat eine -pretty Option, die nur die Dateien kopiert, aber nicht minimiert, um es zu erleichtern, zu debuggen.
Reihenfolge der Dateien zählt.
Achten Sie bei CSS darauf, dass Sie eingebettete Symbole wie background-icon: url ("somefile.jpg") verwenden. Ihre Bilder müssen relativ zu dem Pfad in der CSS platziert werden, wo auch immer die gebündelten Dateien landen, nicht wo Ihre Seite ist.
Tags und Links javascript html css browserify