FredKSchott/snowpack

Features

• Unbundled Module Servers - Ships an unbundled development server that boots in milliseconds by serving native ES modules directly to the browser.
• Native ESM Development Servers - Serves source code as native ES modules directly to the browser, eliminating the need for bundling during development.
• Development Build Servers - Boots a development server in under 50ms by bypassing traditional bundling steps.
• Hot Code Reloading - Updates application logic in the browser instantly without requiring a process restart.
• Hot Module Replacement - Implements hot module replacement to update specific modules in the browser without requiring a full page reload.
• File Path Mapping - Maps server-side file paths to web-accessible URLs to allow the browser to request unbundled modules directly.
• Zero-Config Transpilers - Automatically converts TypeScript, JSX, and CSS Modules into browser-compatible code without manual configuration.
• TypeScript Compilation Utilities - Provides utilities to compile TypeScript files into browser-ready JavaScript without requiring manual configuration.
• JavaScript Module Bundlers - Processes JavaScript files using native ES Module syntax to ship unbundled code directly to modern browsers.
• Hot Module Reloaders - Implements hot module reloading to update code in the browser without a full page refresh.
• NPM Module Compatibility - Converts legacy npm packages into ES Module format to enable direct import within the browser.
• On-the-Fly Module Transpilers - Transforms TypeScript and JSX into JavaScript on-the-fly only when the browser requests the specific file.
• Browser-Native Module Resolution - Offloads the construction of the dependency graph to the browser's native module loader for instant startup.
• Direct File-to-Module Resolution - Maps source files directly to on-disk locations to enable nearly instant server startup and persistent caching.
• Language Transpilation - Transforms TypeScript and JSX files into standard JavaScript without requiring manual configuration.
• Hot-Reload State Preservation - Preserves internal component and hook state during live code updates using Fast Refresh integration.
• Automated Syntax Transpilers - Automatically converts TypeScript, JSX, and CSS Modules into browser-compatible code without requiring manual configuration.
• ES Module Support - Supports native ES module loading to serve individual files directly to the browser without bundling.
• Frontend Asset Compilation - Transforms TypeScript, JSX, and CSS into browser-ready assets through an automated compilation process.
• JSX Transformers - Transforms JSX syntax into standard JavaScript function calls by automatically detecting framework usage.
• Modern Web Framework Support - Provides out-of-the-box support for TypeScript, JSX, and CSS Modules common in modern web frameworks.
• Zero-Config Transpilation - Processes JSX, TypeScript, and CSS Modules automatically without requiring configuration files.
• Modern Web Syntax Transpilation - Automatically converts TypeScript, JSX, and CSS Modules into browser-compatible code without manual configuration.
• Native ESM Bundlers - Serves as an unbundled build tool that leverages native browser ESM for instant startup and hot reloading.
• CSS - Compiles TypeScript, JSX, and CSS Modules into standard browser-compatible JavaScript and CSS.
• Syntax Transformers - Provides automated build-time transformation of JSX, TypeScript, and CSS Modules into standard executable code.
• Unbundled Development - Enables unbundled frontend development by serving native ES modules directly to the browser for instant startup.
• Web-Targeted Source Compilers - Transforms TypeScript and JSX files into standard JavaScript to ensure compatibility across all modern web browsers.
• Static Site Generation - Creates a static version of the site for deployment that mirrors the development environment.
• Browser Reload Triggers - Signals the browser to automatically refresh content immediately upon saving source files.
• Build Artifact Caching - Caches transformed versions of files on disk to prevent redundant compilation of unchanged source code.
• Build Pipeline Plugins - Provides a plugin API to hook custom transformation logic and third-party tools into the build pipeline.
• Build Plugin Integrations - Supports extending the build process with custom plugins to modify how files are served.
• Bundle Optimizers - Performs minification and tree-shaking to reduce the final production bundle size.
• Real-Time Push Updates - Instantly propagates script and style changes to the running application via native ESM.
• Development Refreshers - Provides immediate feedback by updating the browser in real-time as source files change.
• Production Asset Optimizations - Prepares project files for production by minifying and optimizing static assets.
• Production Builds - Generates optimized static production builds that mirror the development environment for reliable deployment.
• Source Code Bundlers - Integrates with bundlers to combine source files into optimized production bundles.
• JSON Module Imports - Treats JSON files as first-class ES modules, returning the data object as the default export.
• Third-Party Plugins - Connects external tools and specialized processing capabilities through a flexible third-party plugin system.
• CSS Styling - Injects CSS files into the page to apply visual styles using cascading stylesheet syntax.
• Scoped CSS Modules - Transforms CSS module files to generate unique class names and enforce style isolation.
• Legacy Browser Support - Ensures production builds are compatible with older browsers using a browserslist-driven transpilation process.
• Build Pipeline Plugins - Integrates third-party plugins to add support for additional languages or pre-processors.
• Production Asset Bundling - Applies bundling plugins to minify and optimize source code and styles for production.
• Static Asset Module Importers - Integrates JSON, images, and text files directly into the code as usable objects or URL references.
• CSS Injection - Dynamically injects CSS files into web pages, supporting hot module replacement for instant style updates.

Star history