{"id":4076,"date":"2022-03-07T17:41:00","date_gmt":"2022-03-07T17:41:00","guid":{"rendered":"https:\/\/ionicframework.com\/blog\/?p=4076"},"modified":"2023-01-21T00:30:41","modified_gmt":"2023-01-21T05:30:41","slug":"announcing-stencil-v2-14-1","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1","title":{"rendered":"Announcing Stencil v2.14.1"},"content":{"rendered":"<p>Today, we\u2019re excited to release Stencil v2.14.1. This new patch release includes a number of bug fixes that we hope you\u2019ll enjoy. So open up your terminal, run <code>npm install @stencil\/core<\/code>, and let\u2019s take a look at the improvements included in this release.<\/p>\n<p><!--more--><\/p>\n<p>The first bug we squashed in this sprint was a unique edge case. Previously, setting a reflected prop of type <code>number<\/code> to an invalid value, such as a string, resulted in an infinite loop. Now, the infinite loop behavior is no longer observed in this situation. Huge thanks to <a href=\"https:\/\/github.com\/ThibodeauJF\">ThibodeauJF<\/a> for reporting this <a href=\"https:\/\/github.com\/ionic-team\/stencil\/issues\/2828\">Github issue<\/a>.<\/p>\n<p>We\u2019ve also made a great improvement with regard to Webpack tree shaking the components of the <code>dist-custom-elements<\/code> output target. Tree shaking is a technique used to ensure that only the components that are actually used in the application are included in the build. This helps to reduce the overall bundle size. With this release, consuming applications using Webpack will now tree shake the components of <code>dist-custom-elements<\/code> as expected. Shoutout to <a href=\"https:\/\/github.com\/liamdebeasi\">liamdebeasi<\/a> for reporting this <a href=\"https:\/\/github.com\/ionic-team\/stencil\/issues\/3191\">issue on Github<\/a>.<\/p>\n<p>Finally, we\u2019ve made changes that prevent non-test files from being accidentally run as test files. This issue occurred for any files that ended in \u201ctest\u201d, \u201cspec\u201d or \u201ce2e\u201d. Now, the period before these keywords is required for Stencil to recognize the file as a test file. This means you can name a component something like \u201ccomponent-test\u201d without it being run as a test file. Another thank you to <a href=\"https:\/\/github.com\/raspyweather\">raspyweather<\/a> for reporting the <a href=\"https:\/\/github.com\/ionic-team\/stencil\/issues\/3221\">Github issue for this behavior<\/a>.<\/p>\n<p>We hope you find these changes continue to improve your experience using Stencil. As always, you can find the <a href=\"https:\/\/github.com\/ionic-team\/stencil\/releases\/tag\/v2.14.1\">release notes for Stencil v2.14.1 here<\/a>. Happy coding!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today, we\u2019re excited to release Stencil v2.14.1. This new patch release includes a number of bug fixes that we hope you\u2019ll enjoy. So open up your terminal, run npm install @stencil\/core, and let\u2019s take a look at the improvements included in this release.<\/p>\n","protected":false},"author":87,"featured_media":4077,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"0","publish_post_category":"21","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1,120,223],"tags":[76],"class_list":["post-4076","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-all","category-announcements","category-stencil","tag-stencil"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.0 (Yoast SEO v23.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Announcing Stencil v2.14.1 - Ionic Blog<\/title>\n<meta name=\"description\" content=\"Today, we\u2019re excited to release Stencil v2.14.1. This new patch release includes a number of bug fixes that we hope you\u2019ll enjoy.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Announcing Stencil v2.14.1\" \/>\n<meta property=\"og:description\" content=\"Today, we\u2019re excited to release Stencil v2.14.1. This new patch release includes a number of bug fixes that we hope you\u2019ll enjoy.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-07T17:41:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-21T05:30:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/03\/stencil2-14-1-feature-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"880\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Anthony Giuliano\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@a__giuliano\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Anthony Giuliano\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1\"},\"author\":{\"name\":\"Anthony Giuliano\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/a3190e4d49187220d0c720f2ceab9b58\"},\"headline\":\"Announcing Stencil v2.14.1\",\"datePublished\":\"2022-03-07T17:41:00+00:00\",\"dateModified\":\"2023-01-21T05:30:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1\"},\"wordCount\":282,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/03\/stencil2-14-1-feature-image.png\",\"keywords\":[\"stencil\"],\"articleSection\":[\"All\",\"Announcements\",\"Stencil\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1\",\"url\":\"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1\",\"name\":\"Announcing Stencil v2.14.1 - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/03\/stencil2-14-1-feature-image.png\",\"datePublished\":\"2022-03-07T17:41:00+00:00\",\"dateModified\":\"2023-01-21T05:30:41+00:00\",\"description\":\"Today, we\u2019re excited to release Stencil v2.14.1. This new patch release includes a number of bug fixes that we hope you\u2019ll enjoy.\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/03\/stencil2-14-1-feature-image.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/03\/stencil2-14-1-feature-image.png\",\"width\":1600,\"height\":880},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Announcing Stencil v2.14.1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ionic.io\/blog\/#website\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"name\":\"ionic.io\/blog\",\"description\":\"Build amazing native and progressive web apps with the web\",\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ionic.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ionic.io\/blog\/#organization\",\"name\":\"Ionic\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"width\":1920,\"height\":854,\"caption\":\"Ionic\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ionicframework\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/a3190e4d49187220d0c720f2ceab9b58\",\"name\":\"Anthony Giuliano\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2021\/10\/anthony-giuliano-profile-cropped-150x150.jpeg\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2021\/10\/anthony-giuliano-profile-cropped-150x150.jpeg\",\"caption\":\"Anthony Giuliano\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/anthonygiuliano1\/\",\"https:\/\/x.com\/a__giuliano\"],\"url\":\"https:\/\/ionic.io\/blog\/author\/anthonyionic-io\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Announcing Stencil v2.14.1 - Ionic Blog","description":"Today, we\u2019re excited to release Stencil v2.14.1. This new patch release includes a number of bug fixes that we hope you\u2019ll enjoy.","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:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1","og_locale":"en_US","og_type":"article","og_title":"Announcing Stencil v2.14.1","og_description":"Today, we\u2019re excited to release Stencil v2.14.1. This new patch release includes a number of bug fixes that we hope you\u2019ll enjoy.","og_url":"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1","og_site_name":"Ionic Blog","article_published_time":"2022-03-07T17:41:00+00:00","article_modified_time":"2023-01-21T05:30:41+00:00","og_image":[{"width":1600,"height":880,"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/03\/stencil2-14-1-feature-image.png","type":"image\/png"}],"author":"Anthony Giuliano","twitter_card":"summary_large_image","twitter_creator":"@a__giuliano","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Anthony Giuliano","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1"},"author":{"name":"Anthony Giuliano","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/a3190e4d49187220d0c720f2ceab9b58"},"headline":"Announcing Stencil v2.14.1","datePublished":"2022-03-07T17:41:00+00:00","dateModified":"2023-01-21T05:30:41+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1"},"wordCount":282,"commentCount":0,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/03\/stencil2-14-1-feature-image.png","keywords":["stencil"],"articleSection":["All","Announcements","Stencil"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1","url":"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1","name":"Announcing Stencil v2.14.1 - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/03\/stencil2-14-1-feature-image.png","datePublished":"2022-03-07T17:41:00+00:00","dateModified":"2023-01-21T05:30:41+00:00","description":"Today, we\u2019re excited to release Stencil v2.14.1. This new patch release includes a number of bug fixes that we hope you\u2019ll enjoy.","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/03\/stencil2-14-1-feature-image.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/03\/stencil2-14-1-feature-image.png","width":1600,"height":880},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/announcing-stencil-v2-14-1#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Announcing Stencil v2.14.1"}]},{"@type":"WebSite","@id":"https:\/\/ionic.io\/blog\/#website","url":"https:\/\/ionic.io\/blog\/","name":"ionic.io\/blog","description":"Build amazing native and progressive web apps with the web","publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ionic.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ionic.io\/blog\/#organization","name":"Ionic","url":"https:\/\/ionic.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","width":1920,"height":854,"caption":"Ionic"},"image":{"@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ionicframework"]},{"@type":"Person","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/a3190e4d49187220d0c720f2ceab9b58","name":"Anthony Giuliano","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2021\/10\/anthony-giuliano-profile-cropped-150x150.jpeg","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2021\/10\/anthony-giuliano-profile-cropped-150x150.jpeg","caption":"Anthony Giuliano"},"sameAs":["https:\/\/www.linkedin.com\/in\/anthonygiuliano1\/","https:\/\/x.com\/a__giuliano"],"url":"https:\/\/ionic.io\/blog\/author\/anthonyionic-io"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2022\/03\/stencil2-14-1-feature-image.png","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/4076","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/users\/87"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=4076"}],"version-history":[{"count":1,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/4076\/revisions"}],"predecessor-version":[{"id":4705,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/4076\/revisions\/4705"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media\/4077"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=4076"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=4076"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=4076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}