Web development tool: With Snowpack to modern web front ends – Market Research Telecast


Table of Contents

Snowpack is a front-end build tool for programming web applications. It takes a different approach than the established development tools: JavaScript build tools such as webpack and Parcel have to rebuild and bundle entire parts of the application every time developers save a single file. That slows down the development process. Snowpack, on the other hand, uses the native JavaScript module system to avoid unnecessary work and to stay fast (ECMAScript Modules, ESM). Snowpack summarizes all the dependencies for a project once and saves bundling for later changes to the source code.

In order to understand which problems Snowpack is solving with its new approach, it is necessary to take a few steps back and look at the changes JavaScript has made in the past in web development.


The status of the JavaScript runtime environment looked like this in 2011: Developers could reload separate files with code; these could be evaluated in the context of the global namespace of the website and were then available globally. The code executed in the browser could not rely on standards such as CommonJS because the browser did not provide a suitable runtime environment. The same was true for libraries published through npm, most of which were and are largely implemented using CommonJS. So it was necessary to create compatibility between the two worlds CommonJS and Browser.

  • Access to all heise + content
  • exclusive tests, advice & background: independent, critically well-founded
  • Read c’t, iX, MIT Technology Review, Mac & i, Make, c’t photography directly in your browser
  • register once – read on all devices – can be canceled monthly
  • first month free, thereafter € 12.95 per month
  • Weekly newsletter with personal reading recommendations from the editor-in-chief

Start FREE month


Start your FREE month now

Already subscribed to heise +?


Sign up and read

Register now and read articles right away

More information about heise +

Article Source

Disclaimer: This article is generated from the feed and not edited by our team.



from WordPress https://ift.tt/3zR877B
via IFTTT

Post a Comment

0 Comments