Wählen Sie mit tooling.report das beste Konstruktionswerkzeug für Ihr Projekt

Hoy Netz.dev lanza una nueva iniciativa llamada tooling.report. Es un sitio web que brinda a los desarrolladores web una descripción general de las funciones compatibles con una selección de herramientas de compilación populares. Creamos este sitio para ayudarlo a elegir la herramienta de construcción adecuada para su próximo proyecto, decidir si vale la pena migrar de una herramienta a otra o descubrir cómo incorporar las mejores prácticas en su configuración de herramientas y base de código. Las herramientas tienen diferentes áreas de enfoque y se adaptan a un conjunto diferente de necesidades, lo que significa que seleccionar y configurar herramientas implica hacer concesiones. Con tooling.report, nuestro Ziel es explicar estas compensaciones y documentar cómo seguir las mejores prácticas con cualquier herramienta de compilación determinada.

Es klingt aufregend? Besuchen Sie tooling.report, um mit der Erkundung zu beginnen, oder lesen Sie weiter, um mehr darüber zu erfahren, warum und wie wir diese Website entwickelt haben.

Auf GoogleChromeLabshaben wir Webanwendungen wie erstellt
Squoosh y Proxxsowie Websites wie Chrome Developer Summit 2019. Wie bei jedem Webentwicklungsprojekt beginnen wir normalerweise mit der Erörterung der Infrastruktur des Projekts, z. B. der Hosting-Umgebung, der Frameworks und unserer Einstellungen für das Build-Tool. Diese Infrastruktur wird im Verlauf des Projekts aktualisiert: Neue Plugins werden hinzugefügt, um den von uns verwendeten Frameworks oder Techniken Rechnung zu tragen, oder die Art und Weise, wie wir Code schreiben, wird geändert, damit unsere Build-Tools besser verstehen, was wir erreichen wollen. Während dieses Prozesses haben wir oft festgestellt, dass die von uns ausgewählten Tools uns im Weg stehen.

Nuestro equipo está enfocado en brindar la mejor experiencia web a los usuarios, lo que a menudo resulta en un ajuste fino de cómo se ensamblan y entregan nuestros activos Vorderes Ende. Por ejemplo, si un script de hilo principal y un script de trabajador web tienen dependencias compartidas, nos gustaría descargar las dependencias una vez en lugar de agruparlas dos veces para cada script. Algunas herramientas admiten esto desde el primer momento, algunas necesitan un esfuerzo de personalización significativo para cambiar los comportamientos predeterminados y, para otras, es completamente imposible.

Diese Erfahrung veranlasste uns zu untersuchen, was verschiedene Bauwerkzeuge können und was nicht. Wir hatten die Hoffnung, eine Feature-Checkliste zu erstellen, damit wir beim nächsten Start eines neuen Projekts bewerten und auswählen können, welches Tool für unser Projekt am besten geeignet ist.

Unser Fokus

Wie können wir verschiedene Bauwerkzeuge an einem Ort bewerten und vergleichen? Wir nähern uns dem, indem wir Testfälle schreiben.

Nuestro equipo discutió y diseñó criterios de prueba que creemos representan las mejores prácticas para el desarrollo web. Nos enfocamos específicamente en cómo brindar experiencias de Nutzername rápidas, receptivas y fluidas, excluyendo intencionalmente las pruebas relacionadas con la experiencia del desarrollador para evitar medir dos resultados incomparables.

Nachdem die Testliste erstellt wurde, haben wir für jedes Tool ein Build-Skript geschrieben, um zu überprüfen, ob das Tool die Testerfolgskriterien erfüllen kann. Zunächst haben wir uns entschlossen, Webpack v4, Rollup v2 und Parcel v2 zu untersuchen. Wir haben auch Browserify + Gulp getestet, da eine große Anzahl von Projekten diese Einstellung noch verwendet. Damit ein Test bestanden werden kann, können nur öffentlich dokumentierte Funktionen des Tools oder ein Plug-In für das Tool verwendet werden. Nach dem Schreiben der ersten Tests arbeiten wir mit den Autoren des Build-Tools zusammen, um sicherzustellen, dass wir ihre Tools korrekt verwenden und sie fair darstellen.

En muchos equipos, hay Personen dedicadas a mantener la infraestructura de construcción, y es posible que otros miembros del equipo nunca puedan tomar una decisión cuando se trata de herramientas de construcción. Esperamos que este sitio siga siendo útil para usted también, como una forma de establecer expectativas para las herramientas en las que confía. Para cada prueba, hemos incluido una explicación de por qué la prueba es importante junto con recursos adicionales. Y si desea adoptar una práctica recomendada con la herramienta de su elección, la configuración de prueba en nuestro repositorio contiene los archivos de configuración necesarios para hacerlo.

Kann ich zur Website beitragen?

Wenn Sie der Meinung sind, dass eine derzeit fehlende Funktion getestet werden sollte, bitte Schlagen Sie es in einer GitHub-Ausgabe vor um die Diskussion zu beginnen. Unser Ziel ist es, reale Anwendungsfälle zusammenzufassen. Weitere Tests, die diese Ergebnisse besser bewerten, sind willkommen.

Wenn Sie Tests für Tools schreiben möchten, die wir nicht im Starter-Set enthalten haben, begrüßen wir das auch! Bitte schau zu
CONTRIBUTING.md für mehr Informationen.