Choisissez le meilleur outil de construction pour votre projet avec l'outillage.

Hoy la toile.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 objectif es explicar estas compensaciones y documentar cómo seguir las mejores prácticas con cualquier herramienta de compilación determinada.

Cela semble excitant? Visitez tooling.report pour commencer à explorer, ou lisez la suite pour en savoir plus sur pourquoi et comment nous avons développé ce site.

Sur GoogleChromeLabs, nous avons créé des applications Web comme
Squoosh y Proxx, ainsi que des sites Web tels que Sommet des développeurs Chrome 2019. Comme pour tout projet de développement Web, nous commençons généralement par discuter de l'infrastructure du projet, comme l'environnement d'hébergement, les cadres et les paramètres de notre outil de création. Cette infrastructure est mise à jour au fur et à mesure de l'avancement du projet: de nouveaux plugins sont ajoutés pour s'adapter aux cadres ou aux techniques que nous adoptons, ou la façon dont nous écrivons le code est modifiée afin que nos outils de construction comprennent mieux ce que nous essayons d'accomplir. Tout au long de ce processus, nous nous sommes souvent rendu compte que les outils que nous sélectionnons finissent par nous gêner.

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 l'extrémité avant. 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.

Cette expérience nous a amenés à étudier ce que les différents outils de construction peuvent et ne peuvent pas faire. Notre espoir était de créer une liste de contrôle des fonctionnalités afin que la prochaine fois que nous démarrons un nouveau projet, nous puissions évaluer et choisir l'outil le mieux adapté à notre projet.

Notre objectif

Comment évaluer et comparer différents outils de construction en un seul endroit? Nous l'abordons en écrivant des cas de test.

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 Nom d'utilisateur rápidas, receptivas y fluidas, excluyendo intencionalmente las pruebas relacionadas con la experiencia del desarrollador para evitar medir dos resultados incomparables.

Une fois la liste de tests créée, nous sommes allés de l'avant et avons écrit un script de construction pour chaque outil afin de vérifier si l'outil peut répondre aux critères de réussite des tests. Dans un premier temps, nous avons décidé d'étudier Webpack v4, Rollup v2 et Parcel v2. Nous avons également testé Browserify + Gulp car un grand nombre de projets utilisent toujours ce paramètre. Pour qu'un test réussisse, seules les fonctions documentées publiquement de l'outil ou un plug-in pour l'outil peuvent être utilisés. Après avoir écrit l'ensemble initial de tests, nous travaillons avec les auteurs des outils de construction pour nous assurer que nous utilisons correctement leurs outils et les représentons équitablement.

En muchos equipos, hay gens 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.

Puis-je contribuer au site?

Si vous pensez qu'une fonction actuellement manquante doit être testée, veuillez le proposer dans un numéro GitHub pour lancer la discussion. Notre objectif est d'encapsuler des cas d'utilisation réels, et tout autre test qui évalue mieux ces résultats est le bienvenu.

Si vous souhaitez écrire des tests pour des outils que nous n'avons pas inclus dans l'ensemble de démarrage, nous vous en félicitons également! Regarde s'il te plait
CONTRIBUER.md pour plus d'informations.