You can make use of this API when your use situation involves calling esbuild’s create API several times with similar alternatives. Incremental generates are more productive than just typical yields once the a few of the knowledge is cached and can end up being reused in case the brand new data haven’t changed due to the fact last make. You’ll find already a few types of caching employed by this new progressive generate API:

Files is kept in recollections and are usually perhaps not lso are-comprehend in the file program if for example the file metadata has not altered just like the past make. This optimisation simply applies to file program routes. It generally does not affect virtual segments produced by plugins.

Parsed ASTs are stored in recollections and re-parsing brand new AST are avoided in the event the file content material have not altered because the history generate. It optimization pertains to digital modules developed by plugins likewise so you can file program modules, for as long as the latest virtual component street continues to be the same.

That one says to esbuild how to handle JSX sentence structure. You may either enjoys esbuild change JSX so you can JS (the default) or maintain the newest JSX syntax on the productivity. To preserve JSX syntax:

Remember that for those who manage JSX sentence structure, the brand new productivity data files are not any offered appropriate JavaScript password. This particular feature will probably be put when you need to help you changes brand new JSX sentence structure from inside the esbuild’s productivity records because of the some other unit just after bundling, always that with another JSX-to-JS change compared to the one to esbuild implements.

#JSX factory

You might phone call things aside from Function.createElement by modifying this new JSX factory. Particularly, to name the event h alternatively (that is used by most other libraries such Preact):

As an alternative, when you use TypeScript, you can just arrange JSX to own TypeScript by the addition of which in order to your tsconfig.json document and esbuild should pick it up automatically without the need for as set up:

#JSX fragment

You are able to an element except that Work.Fragment of the changing the brand new JSX fragment. Including, to make use of the fresh new component Fragment alternatively (which is used from the almost every other libraries such Preact):

As an alternative, if you utilize TypeScript, you can just arrange JSX to have TypeScript with the addition of so it to their tsconfig.json file and esbuild is to figure it out automatically without needing becoming set up:

#Continue labels

During the JavaScript the name possessions for the characteristics and you will groups non-payments to help you the neighborhood identifier from the supply password. This type of syntax forms all set to go the name property of function so you’re able to “fn” :

However, minification renames icons to reduce password size and you will bundling both need so you can rename icons to avoid accidents. One to change value of the name property for some ones times. this is fine since title home is generally just utilized for debugging. not, certain buildings have confidence in the name property for membership and you may binding aim. If this sounds like the outcome, you can permit this option to preserve the initial label philosophy inside minified password:

#Judge statements

A great “legal feedback” is recognized as being people declaration-top comment inside JS otherwise code-level remark from inside the CSS which has otherwise otherwise one begins with //! or /*! . This type of comments was managed in the yields records automagically as one to observe new purpose of your brand-new experts of your own code. Yet not, that it conclusion might be designed by using one of several following the options:

The latest default choices try eof whenever plan is actually let and you may inline otherwise. Mode the fresh new judge comment setting ends up it:

Remember that “statement-level” to possess JS and you will “rule-level” to possess CSS function this new review need to appear in a context in which several statements otherwise laws are allowed eg from the most useful-top scope or even in a statement or code take off. Very statements into the phrases or during the statement level commonly sensed license comments.