Tufte-css: Build zum Projekt hinzufügen
Ein hinzugefügter Build könnte eine minimierte Version des CSS mit dem Namen tufle.min.css erstellen, er könnte auch alle erforderlichen Herstellerpräfixe automatisch über Autoprefixer/PostCSS hinzufügen.
Damit all dies funktioniert, könnten wir es auf zwei Arten tun:
Erstellen Sie einen Master-Zweig, der auf den
gh-pagesZweig aufbaut, idealerweise mit Travis, damit dies jedes Mal passiert, wenn der Master aktualisiert wird.Erstellen Sie einen Ordner
src, der die Quelle enthält, und einen Ausgabeordner namensdest, der die Build-Artefakte enthält. Dann zeigen Sie einfach auf die Zielversion im HTML. Möglicherweise müssen Sie npm installieren und die Build-Dateien selbst festschreiben.
Ich würde Version 1 empfehlen, und ich könnte das meiste mit einer PR einrichten. Aber wir bräuchten einen Mitwirkenden/Eigentümer, um die Zweige zu konfigurieren. Aber das wäre meiner Meinung nach die beste Lösung. Lassen Sie mich wissen, was Sie bevorzugen.
Die Ausgabe in Nr. 119 würde davon stark profitieren. Und Leute, die diese Bibliothek verwenden möchten, können auch die optimierte Version verwenden.
Saturate
Alle 5 Kommentare
Dies würde auch die Möglichkeit bieten, einen Prozessor wie LESS oder SCSS zu verwenden, was jedoch übertrieben sein könnte, da die Größe dieses Projekts ziemlich klein ist. Daher würde ich das nicht wirklich empfehlen.
Saturate
am 6. Nov. 2017
Die Verkleinerung würde sich nur auf tufte.css auswirken, nicht auf die Schriftartdateien, richtig?
Meine Tests zeigen diese Einsparung von ~4kb.
daveliepmann
am 6. Nov. 2017
Das klingt ungefähr richtig, in meinem Test sind wir von 12172 bytes Bytes auf 7839 bytes . Das klingt vielleicht nicht nach viel, aber es zählt alles. Ich denke, der Autoprefixer -Teil würde auch helfen, ihn zu minimieren und beizubehalten.
Im Moment definieren Sie viele ungenutzte Herstellerpräfixe, diese werden nur von sehr alten Versionen von Google und Firefox verwendet, da diese selbst aktualisiert werden, fast kein Körper verwendet die alten Versionen. Dies bläht nur die CSS-Datei auf, und das CSS ist sehr wichtig für das Rendern der Seite.
Die Schriftarten sind nicht betroffen, woff2 ist bereits komprimiert. Wenn sie jedoch in Google Font oder einem anderen Dienst vorhanden sind, können Sie durch das Zwischenspeichern etwas gewinnen. Dies würde es auch anderen Personen erleichtern, auf die Schriftart zuzugreifen. Sie müssen sie jetzt herunterladen - aber die Schriftart ist möglicherweise nicht auf einem CDN (Content Delivery Network) verfügbar.
Der vielleicht größte Vorteil wäre, das kritische CSS für die Website in den HTML-Code zu integrieren - dies könnte auch mit dem Build-Schritt erfolgen, würde aber anderen Leuten, die die Stile verwenden, nicht helfen.
Saturate
am 6. Nov. 2017
Viele Webprojekte verwenden mittlerweile npm als Paketmanager. Es wäre großartig, wenn Sie eine package.json-Datei in einen Build-Schritt einbinden und das Paket in der npm-Registrierung veröffentlichen. Dies würde eine einfache Installation, Import und Upgrades ermöglichen.
tacomanator
am 9. Nov. 2017
@Saturate Ich habe gerade diesen Teil Ihres Kommentars vollständig bemerkt:
Im Moment definieren Sie viele ungenutzte Herstellerpräfixe, diese werden nur von sehr alten Versionen von Google und Firefox verwendet, da diese selbst aktualisiert werden, fast kein Körper verwendet die alten Versionen. Das bläst nur die CSS-Datei auf
Ich sehe nicht, wo Tufte CSS dies tut. Das Ausführen durch den Auto-Präfixer löscht nur einige background-size . Sehen Sie hier mehr potenziell gelöschten Code?
daveliepmann
am 2. Sept. 2019
Verwandte Themen
daveliepmann
·
29Kommentare
gamecubate
·
10Kommentare
adamschwartz
·
16Kommentare
danielnixon
·
3Kommentare
langford
·
21Kommentare
Hilfreichster Kommentar
Viele Webprojekte verwenden mittlerweile npm als Paketmanager. Es wäre großartig, wenn Sie eine package.json-Datei in einen Build-Schritt einbinden und das Paket in der npm-Registrierung veröffentlichen. Dies würde eine einfache Installation, Import und Upgrades ermöglichen.