Member-only story
How to Write a Loader for Snowpack
Winter is coming…
Snowpack is the cool new alternative to webpack. It quickly became popular, and I fell in love with this front-end building tool as soon as I started working with it. However, currently there are fewer plugins available than I was used too when using Webpack. Occasionally this put a damper on my motivation. Luckily, it is easy to build your own loader for snowpack. In this article we will build a loader step by step, which will take our own file, extract the CSS, JS and HTML parts and compile it into a usable web component.
What is Snowpack?
Snowpack is a build tool that is designed to optimize the development process for modern web applications. It is lightweight and fast, and is built on top of a modular architecture that allows you to easily add new functionality through plugins and loaders. One of the key features of Snowpack is its ability to use modern web technologies such as ES modules, which allows for faster and more efficient development.
Snowpack is based on the idea of “unbundling” your application code. Traditionally, web applications have been built by bundling all of your code together into a single file, which is then served to the browser. This approach can lead to slow load times, especially for large applications. Snowpack takes a different approach by serving…
