You are able to use this API should your have fun with situation pertains to getting in touch with esbuild’s generate API a couple of times with similar solutions. Incremental makes much more successful than normal builds due to the fact a number of the info try cached and certainly will be used again if the new files have not changed since past generate. Discover already a couple of types of caching used by the new incremental build API:
Documents is actually kept in recollections and are generally maybe not lso are-realize from the file program if the document metadata have not changed due to the fact past generate. So it optimization merely relates to document program paths. It doesn’t connect with virtual segments produced by plugins.
Parsed ASTs is kept in recollections and lso are-parsing the newest AST is eliminated should your file content material have not altered as the history create. That it optimisation applies to digital segments developed by plugins in addition to help you document program segments woosa Telefoonnummer, so long as the brand new virtual module highway continues to be the exact same.
This one says to esbuild how to handle JSX syntax. You may either has esbuild alter JSX to help you JS (the brand new default) otherwise uphold the brand new JSX syntax about productivity. To preserve JSX sentence structure:
Keep in mind that for people who manage JSX syntax, the newest returns documents are not any longer legitimate JavaScript password. This feature is intended to be utilized when you want so you’re able to change the brand new JSX sentence structure during the esbuild’s efficiency files from the another tool just after bundling, constantly that with an alternate JSX-to-JS transform than the one esbuild executes.
#JSX factory
You might telephone call one thing apart from Operate.createElement by the modifying the fresh JSX factory. Such as, to-name the function h instead (that is used because of the almost every other libraries such as for instance Preact):
As an alternative, by using TypeScript, you can simply arrange JSX for TypeScript with the addition of that it so you’re able to your tsconfig.json file and you will esbuild is figure it out instantly without the need for getting designed:
#JSX fragment
You can utilize an element apart from React.Fragment from the altering the newest JSX fragment. Such as for example, to make use of the newest role Fragment alternatively (which is used by other libraries such Preact):
As an alternative, if you are using TypeScript, you can just arrange JSX to have TypeScript adding it to help you the tsconfig.json document and you may esbuild will be pick it up automatically without the need for becoming designed:
#Continue labels
Within the JavaScript the name assets on the characteristics and kinds non-payments so you can the area identifier regarding the supply code. This type of syntax forms ready to go title possessions of the means in order to “fn” :
But not, minification renames signs to attenuate code dimensions and you will bundling possibly you desire to rename signs to prevent accidents. You to definitely changes property value the name assets for the majority of of them circumstances. It’s usually fine while the label property is normally simply used in debugging. Yet not, particular architecture trust the name property to have subscription and you may joining aim. Should this be the way it is, you could potentially permit this package to preserve the original identity opinions even yet in minified password:
#Judge statements
An excellent “legal opinion” is considered to be people statement-level feedback in JS otherwise code-level comment inside the CSS with which has otherwise otherwise one to starts with //! otherwise /*! . Such comments are preserved in the production data automagically once the that comes after the fresh intention of the brand spanking new authors of password. Yet not, it behavior shall be set up by using one of several following the options:
The fresh new standard choices was eof whenever bundle are enabled and you can inline if you don’t. Mode the legal comment means turns out that it:
Remember that “statement-level” for JS and “rule-level” to have CSS form this new opinion need certainly to are available in a perspective where numerous comments otherwise laws are allowed eg on the ideal-top extent or in a statement otherwise laws take off. Very statements inside phrases otherwise during the report peak are not sensed permit comments.