popaprozac / snowpack

WASM-powered frontend build tool. Fast, lightweight, unbundled ESM. ✌️

Snowpack

Snowpack is a modern frontend build tool for faster web development. It replaces heavier, more complex bundlers like webpack or Parcel in your development workflow.

Snowpack leverages JavaScript's native module system (known as ESM) to create a first-of-its-kind build system that never builds the same file twice. Snowpack pushes changes instantly to the browser, saving you hours of development time traditionally spent waiting around for your bundler.

Key Features

• Develop faster, with a dev server that starts up in 50ms or less.
• See changes reflected instantly in the browser.
• Integrate your favorite bundler for a production-optimized build.
• Enjoy out-of-the-box support for TypeScript, JSX, CSS Modules and more.
• Connect your favorite tools with third-party plugins.

💁 More info at the official Snowpack website ➞

Community

Join our Discord for discussion, questions about Snowpack or related Pika projects, or to show off what you’re working on!

Create Snowpack App (CSA)

For starter apps and templates, see create-snowpack-app.

Official Snowpack Plugins

Dev Environment

• @snowpack/plugin-dotenv
• @snowpack/plugin-typescript

Build

• @snowpack/plugin-babel
• @snowpack/plugin-svelte
• @snowpack/plugin-vue
• @snowpack/plugin-sass

Transform

• @snowpack/plugin-postcss
• @snowpack/plugin-react-refresh

Bundle

• @snowpack/plugin-webpack

Utility Plugins

• @snowpack/plugin-build-script
• @snowpack/plugin-run-script

Featured Community Plugins

• snowpack-plugin-rollup-bundle
• @prefresh/snowpack
• snowpack-plugin-imagemin Use imagemin to optimize your build images.
• snowpack-plugin-import-map A more easy way to map your imports to Pika CDN instead of import-maps.json.
• snowpack-plugin-less Use the Less compiler to build .less files from source.
• snowpack-plugin-mdx Use the MDX compiler to build .mdx and .md files from source.
• snowpack-plugin-resize-images Resize and process your build images with Sharp.
• snowpack-plugin-sass Use the node-sass to build .sass/.scss files from source.
• snowpack-plugin-svgr Use SVGR to transform .svg files into React components.
• snowpack-plugin-stylus Use the Stylus compiler to build .styl files from source.
• snowpack-plugin-inliner A plugin for snowpack which transforms files into base64 URIs.
• snowpack-plugin-relative-css-urls Keep your image assets and CSS together within the same component directories.
• snowpack-plugin-replace A plugin for replace file content with string or RegExp, useful for migrate or make some magic without modify source code
• PRs that add a link to this list are welcome!