svelte-micro-frontend

Basic Svelte plus Vite configuration for micro frontend development.

MIT License

Stars
15
Committers
2

Svelte Micro Frontend Boilerplate

Basic Svelte plus Vite configuration for micro frontend development.

Requirements

Installation

Download the source files (don’t clone since you want to create a “new” project).

Install dependencies with:

npm install

Usage

Start development server:

npm run dev

Build production files:

npm run build

Embed the micro frontend

Reference the output JS file inside the <head> before any <link rel="stylesheet">:

<script defer src="dist/svelte-micro-frontend.iife.js"></script>

Add the following inside the <body> where you want the micro frontend to appear:

<div id="svelte-micro-frontend"></div>