{"id":82994,"date":"2022-09-29T19:02:34","date_gmt":"2022-09-29T17:02:34","guid":{"rendered":"https:\/\/rmarketingdigital.com\/dev\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\/"},"modified":"2020-09-16T17:15:53","modified_gmt":"2020-09-16T20:15:53","slug":"elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/en\/dev\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\/","title":{"rendered":"Choose the best construction tool for your project with tooling.report"},"content":{"rendered":"<p><\/p>\n<div>\n<header class=\"w-article-header\">\n<p class=\"w-article-header__subhead w-mb--non\">\n<p>          Select and configure build tools based on best practices.\n        <\/p>\n<p>\n          <time>June 29, 2020<\/time><br \/>\n            Updated <time>August 20, 2020<\/time>\n        <\/p>\n<\/header>\n<p>\n  <iframe loading=\"lazy\" title=\"Building better in the world of build tools!\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/vsMJiNtQWvw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/p>\n<p>Today web.dev launches a new initiative called <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/tooling.report\">tooling.report<\/a>. It is a website that provides web developers with an overview of the features supported by a selection of popular build tools. We created this site to help you choose the right build tool for your next project, decide whether it is worth migrating from one tool to another, or find out how to incorporate best practices into your code base and tool configuration. Tools have different areas of focus and are tailored to a different set of needs, which means that selecting and configuring tools involves compromise. With tooling.report, our goal is to explain these tradeoffs and document how to follow best practices with any given build tool.<\/p>\n<p>It sounds exciting? Visit tooling.report to start exploring, or read on to learn more about why and how we developed this site.<\/p>\n<p>On <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/GoogleChromeLabs\">GoogleChromeLabs<\/a>, we have created web applications like<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/squoosh.app\/\">Squoosh<\/a> and <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/proxx.app\/\">Proxx<\/a>, as well as websites such as <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developer.chrome.com\/devsummit\/\">Chrome Developer Summit 2019<\/a>. As with any web development project, we usually start by discussing the infrastructure of the project, such as the hosting environment, frameworks, and our build tool settings. That infrastructure is updated as the project progresses: new plugins are added to accommodate the frameworks or techniques we adopt, or the way we write code is changed so that our build tools better understand what we are trying to achieve. Throughout this process, we have often come to realize that the tools we select end up getting in our way.<\/p>\n<p>Our team is focused on providing the best web experience for users, which often results in fine tuning of how our frontend assets are assembled and delivered. For example, if a main thread script and a web worker script have shared dependencies, we would like to download the dependencies once instead of bundling them twice for each script. Some tools support this out of the box, some require significant customization effort to change the default behaviors, and for others, it is completely impossible.<\/p>\n<p>This experience led us to investigate what different construction tools can and cannot do. Our hope was to create a feature checklist so that the next time we start a new project, we can evaluate and choose which tool is best suited for our project.<\/p>\n<h2 id=\"our-approach\">Our focus <\/h2>\n<p>How can we evaluate and compare different construction tools in one place? We approach it by writing test cases.<\/p>\n<p>Our team discussed and designed test criteria that we believe represent best practices for web development. We specifically focus on how to deliver fast, responsive, and fluid user experiences, intentionally excluding testing related to developer experience to avoid measuring two unmatched results.<\/p>\n<p>Once the test list was created, we went ahead and wrote a build script for each tool to check if the tool can meet the test success criteria. As an initial set, we decided to investigate webpack v4, Rollup v2, and Parcel v2. We also tested Browserify + Gulp as a large number of projects still use this setting. For a test to pass, only publicly documented functions of the tool or a plug-in for the tool can be used. After writing the initial set of tests, we work with the build tool authors to ensure that we use their tools correctly and represent them fairly.<\/p>\n<figure class=\"w-figure\">\n  <img alt='overview-9496951' class=\"w-screenshot w-screenshot--filled\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/overview-9496951.jpg'><br \/>\n<\/figure>\n<p>On many teams, there are people dedicated to maintaining the building infrastructure, and other team members may never be able to make a decision when it comes to construction tools. We hope this site continues to be useful to you, too, as a way to set expectations for the tools you trust. For each test, we have included an explanation of why the test is important along with additional resources. And if you want to adopt a best practice with the tool of your choice, the test configuration in our repository contains the necessary configuration files to do so.<\/p>\n<h2 id=\"can-i-contribute-to-the-site\">Can I contribute to the site? <\/h2>\n<p>If you think a currently missing function should be tested, please <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/GoogleChromeLabs\/tooling.report\/issues\/new\">propose it in a GitHub issue<\/a> to start the discussion. Our goal is to encapsulate real-world use cases, and any further testing that better evaluates these results is welcome.<\/p>\n<p>If you&#039;d like to write tests for tools that we didn&#039;t include in the starter set, we welcome that too! Please watch<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/GoogleChromeLabs\/tooling.report\/blob\/dev\/CONTRIBUTING.md\">CONTRIBUTING.md<\/a> for more information.<\/p>\n<p>    <web-feedback additional-questions=\"\"><\/web-feedback>\n  <\/div>","protected":false},"excerpt":{"rendered":"<p>Seleccione y configure herramientas de compilaci\u00f3n seg\u00fan las mejores pr\u00e1cticas. 29 de junio de 2020 Actualizado 20 de agosto de 2020 Hoy web.dev lanza una nueva iniciativa llamada tooling.report. Es&#8230;<\/p>","protected":false},"author":1,"featured_media":82996,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1356],"tags":[],"class_list":["post-82994","post","type-post","status-publish","format-standard","has-post-thumbnail","category-dev"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Elija la mejor herramienta de construcci\u00f3n para su proyecto con tooling.report - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"Seleccione y configure herramientas de compilaci\u00f3n seg\u00fan las mejores pr\u00e1cticas. 29 de junio de 2020 Actualizado 20 de agosto de 2020 Hoy web.dev lanza una\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/en\/dev\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elija la mejor herramienta de construcci\u00f3n para su proyecto con tooling.report\" \/>\n<meta property=\"og:description\" content=\"Seleccione y configure herramientas de compilaci\u00f3n seg\u00fan las mejores pr\u00e1cticas. 29 de junio de 2020 Actualizado 20 de agosto de 2020 Hoy web.dev lanza una\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/en\/dev\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-29T17:02:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-8358082.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"360\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"Elija la mejor herramienta de construcci\u00f3n para su proyecto con tooling.report\",\"datePublished\":\"2022-09-29T17:02:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\\\/\"},\"wordCount\":871,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-8358082.jpg\",\"articleSection\":[\"Dev\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\\\/\",\"name\":\"Elija la mejor herramienta de construcci\u00f3n para su proyecto con tooling.report - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-8358082.jpg\",\"datePublished\":\"2022-09-29T17:02:34+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"Seleccione y configure herramientas de compilaci\u00f3n seg\u00fan las mejores pr\u00e1cticas. 29 de junio de 2020 Actualizado 20 de agosto de 2020 Hoy web.dev lanza una\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-8358082.jpg\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-8358082.jpg\",\"width\":1200,\"height\":360,\"caption\":\"hero-8358082-4935662-jpg\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Choose the best construction tool for your project with tooling.report - R Marketing Digital","description":"Select and configure build tools based on best practices. June 29, 2020 Updated August 20, 2020 Today web.dev launches a","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rmarketingdigital.com\/en\/dev\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\/","og_locale":"en_US","og_type":"article","og_title":"Elija la mejor herramienta de construcci\u00f3n para su proyecto con tooling.report","og_description":"Seleccione y configure herramientas de compilaci\u00f3n seg\u00fan las mejores pr\u00e1cticas. 29 de junio de 2020 Actualizado 20 de agosto de 2020 Hoy web.dev lanza una","og_url":"https:\/\/rmarketingdigital.com\/en\/dev\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\/","og_site_name":"R Marketing Digital","article_published_time":"2022-09-29T17:02:34+00:00","og_image":[{"width":1200,"height":360,"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-8358082.jpg","type":"image\/jpeg"}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/dev\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/dev\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"Elija la mejor herramienta de construcci\u00f3n para su proyecto con tooling.report","datePublished":"2022-09-29T17:02:34+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/dev\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\/"},"wordCount":871,"image":{"@id":"https:\/\/rmarketingdigital.com\/dev\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-8358082.jpg","articleSection":["Dev"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/dev\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\/","url":"https:\/\/rmarketingdigital.com\/dev\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\/","name":"Choose the best construction tool for your project with tooling.report - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/dev\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/dev\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-8358082.jpg","datePublished":"2022-09-29T17:02:34+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"Select and configure build tools based on best practices. June 29, 2020 Updated August 20, 2020 Today web.dev launches a","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/dev\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rmarketingdigital.com\/dev\/elija-la-mejor-herramienta-de-construccion-para-su-proyecto-con-tooling-report\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-8358082.jpg","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-8358082.jpg","width":1200,"height":360,"caption":"hero-8358082-4935662-jpg"},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"R Digital Marketing","description":"SEO Agency | Advertising social networks | Community Management","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"R Digital Marketing","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts\/82994","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/comments?post=82994"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts\/82994\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/media\/82996"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/media?parent=82994"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/categories?post=82994"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/tags?post=82994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}