Tufte-css: Agregar compilación al proyecto
Una compilación adicional podría crear una versión reducida del CSS, llamada tufle.min.css , también podría agregar automáticamente todos los prefijos de proveedor necesarios a través de Autoprefixer / PostCSS.
Para que todo esto funcione, podríamos hacerlo de dos formas:
Cree una rama maestra, que se construya en la rama
gh-pages, idealmente con Travis, para que suceda cada vez que se actualice la maestra.Cree una carpeta
srcque contenga la fuente y una carpeta de salida llamadadestque contenga los artefactos de compilación. Luego, simplemente apunte a la versión dest en el HTML. Podría tener que instalar npm y confirmar los archivos de compilación usted mismo.
Recomendaría la versión 1 y podría configurar la mayor parte con un PR. Pero necesitaríamos un colaborador / propietario para configurar las ramas. Pero, en mi opinión, esta sería la mejor solución. Déjame saber lo que prefieres.
El problema del n. ° 119 se beneficiaría enormemente de esto. Y las personas que deseen utilizar esta biblioteca también podrían utilizar la versión optimizada.
Saturate
Todos 5 comentarios
Esto también agregaría la posibilidad de usar un procesador como LESS o SCSS, sin embargo, esto podría ser excesivo, ya que el tamaño de este proyecto es bastante pequeño. Así que realmente no recomendaría esto.
Saturate
en 6 nov. 2017
La minificación solo afectaría a tufte.css , no a los archivos de fuentes, ¿correcto?
Mis pruebas muestran este ahorro ~ 4kb.
daveliepmann
en 6 nov. 2017
Eso suena bien, en mi prueba pasamos de 12172 bytes bytes a 7839 bytes . Puede que esto no parezca mucho, pero todo cuenta. Supongo que la parte de autoprefixer también ayudaría a minimizarlo y ayudaría a mantenerlo.
En este momento, define una gran cantidad de prefijos de proveedores no utilizados, estos solo los usan versiones muy antiguas de Google y Firefox, ya que estos se actualizan ellos mismos, casi nadie usa las versiones antiguas. Esto es solo hinchar el archivo CSS, y el CSS es muy importante para la representación de la página.
Las fuentes no se ven afectadas, woff2 ya está comprimido. Pero si existieran en Google Font u otro servicio, podría ganar un poco almacenándolos en caché. Esto también facilitaría que otras personas obtengan acceso a la fuente, ahora necesitan descargarla, pero es posible que la fuente no esté disponible en una CDN (Red de entrega de contenido).
Quizás el mayor beneficio sería incorporar el CSS crítico para el sitio web en el html; esto también se podría hacer con el paso de compilación, pero no ayudaría a otras personas que estén usando los estilos.
Saturate
en 6 nov. 2017
Muchos proyectos web ahora usan npm como administrador de paquetes. Sería genial si incluye un archivo package.json con un paso de compilación y publica el paquete en el registro npm. Esto permitiría una fácil instalación, importación y actualizaciones.
tacomanator
en 9 nov. 2017
@Saturate Acabo de notar completamente esta parte de tu comentario:
En este momento, define una gran cantidad de prefijos de proveedores no utilizados, estos solo los usan versiones muy antiguas de Google y Firefox, ya que estos se actualizan ellos mismos, casi nadie usa las versiones antiguas. Esto es solo hinchar el archivo CSS
No veo dónde Tufte CSS hace esto. Ejecutarlo a través del prefijo automático solo elimina algunos background-size . ¿Ves más código eliminado potencial aquí?
daveliepmann
en 2 sept. 2019
Temas relacionados
adamschwartz
·
16Comentarios
langford
·
21Comentarios
daveliepmann
·
29Comentarios
gamecubate
·
10Comentarios
danielnixon
·
3Comentarios
Comentario más útil
Muchos proyectos web ahora usan npm como administrador de paquetes. Sería genial si incluye un archivo package.json con un paso de compilación y publica el paquete en el registro npm. Esto permitiría una fácil instalación, importación y actualizaciones.