Announcing Stencil V2.9

Announcing Stencil V2.9

Stencil v2.Nine is right here, jam full of new options to make stronger the Stencil developer enjoy. We’ve been operating laborious on some extremely expected options those previous few weeks. Let’s get started with the largest function of v2.9: sourcemaps! Sourcemaps were probably the most asked function from the Stencil neighborhood and we’re glad to announce that they’re now to be had! Sourcemaps permit you to create a translation between your Stencil elements written in Typescript/JSX and the JavaScript code this is generated through Stencil. This means that you can upload breakpoints for your authentic supply code after which step thru your code for your browser or IDE. With the power to check up on variable values, hint good judgment glide and extra, supply maps supply an enormous development to the Stencil debugging enjoy. To see sourcemaps in motion, take a look at our demo from the September Ionic tournament. You too can examine sourcemaps within the Stencil doctors. As if sourcemaps weren’t thrilling sufficient, we’ve additionally added a couple of extra thrilling options. With Stencil v2.9, you’ll now import a unmarried part when the use of the dist-custom-elements output goal and all the part’s kids will probably be outlined routinely. This implies that you not wish to manually outline every part’s kids. For main points on the best way to use this option, take a look at the Stencil doctors. We’ve additionally fastened and stepped forward the stats output goal, which supplies perception into what Stencil produced throughout its compilation step. This contains all of the recordsdata generated from any output goals prefixed with “dist”, the part definitions that every report might come with, the unique report measurement, and a map of all of the recordsdata which might be depending on every different. Smaller enhancements in v2.Nine come with increasing the preamble to all the JavaScript code produced through Stencil, and a JSDoc’s repair for strains together with @go back and @returns. For main points on the entirety integrated in v2.9, checkout the changelog on Github. With all of those enhancements in Stencil v2.9, shall we no longer be extra excited to peer what you construct with Stencil. Be certain to tell us what you bring to mind most of these new options (@stenciljs 😉). Happy coding 😀.  » Read More

Like to keep reading?

This article first appeared on ionicframework.com. If you'd like to keep reading, follow the white rabbit.

View Full Article

Leave a Reply