Svelte启动器

svelte-electron-template — Svelte 启动器模板

作者 chuanqisun

在 Electron 中运行 Svelte 的最小启动模板，通过 npm start 完成构建、打包与监听，并把 Svelte 应用作为渲染进程加载。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

1 个预览视图

作者提供的预览

查看源码在新标签页打开

作者提供的预览首屏预览

来自项目 README 的原始预览。

目前有 1 张原始预览，可打开完整图片查看设计细节。

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-02查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

最小化的 Svelte + Electron 启动模板，只保留构建、打包、监听与渲染进程加载这条基本链路

浏览器侧代码用 ES6 import，相对路径组件与 node_modules 依赖都会被捆绑

Node 侧代码用 CommonJS require，模块不打包、在运行时解析

README 明确区分两类导入方式，并提示不要用 require 加载需要打包的模块

采用 MIT 许可，允许免费使用、修改、商用与分发

模板详细介绍

该模板定位为最小化的 Svelte + Electron 启动器，README 只说明一件事：用 `npm start` 构建、打包并监听 Svelte 应用，然后在 Electron 中把它作为渲染线程加载。它不提供额外的界面结构或功能模块，适合需要自己从零组织 Electron 主进程与 Svelte 渲染层的人。

模块导入方式被明确区分为两类。面向浏览器环境的代码使用 ES6 `import`，可以引入相对路径下的 Svelte 组件或工具函数，也可以引入 node_modules 中的包（例如 svelte/store 的 writable），这些模块会被打包。面向 Node 的代码使用 CommonJS `require()`，这些模块不会被捆绑，而是在运行时解析，例如 electron、path、fs。README 特别提醒不要用 `require()` 去加载 svelte/store 这类需要打包的模块。

Svelte启动器

适合你的项目吗？

适用场景

想快速验证 Svelte 组件在 Electron 渲染进程中运行的效果
需要一份不带额外界面结构、可自行扩展的 Electron + Svelte 起点
在同一个项目里同时使用浏览器侧打包模块与 Node 侧运行时模块

适合人群

熟悉 npm 与 Electron 基本概念、希望自行组织主进程与渲染层的开发者
需要最小依赖、能接受从零搭建项目结构的 Svelte 使用者
用于学习或原型验证，而非直接作为完整产品骨架的场景

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
运行 `npm start` 会构建、打包并监听 Svelte 应用，再将其作为渲染线程加载进 Electron
2
浏览器侧模块使用 ES6 import，会被打包；Node 侧模块使用 CommonJS require，不打包、运行时解析
3
不要用 require() 加载 svelte/store 等需要打包的模块
4
分发代码副本或实质性部分时，需保留原作者版权声明与完整 MIT 许可声明
5
演示图片、字体、图标等第三方素材需单独核对其许可，外部服务可能另行收费

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

https://github.com/chuanqisun/svelte-electron-template/blob/master/LICENSE https://github.com/chuanqisun/svelte-electron-template/blob/master/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-02。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料一般 · 60 / 100
技术栈: Svelte
网站类型: 启动器

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2022-12-09
截图检查日期: 2026-10-02

目前没有记录演示链接。请依据仓库说明在本地评估；仅凭截图无法确认交互行为。

目录记录的主要技术栈是 Svelte。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: c58c70e277727e495dba12eab0cb98f05aa99fd23d55a8d7bf4d9fc1b3ca3a02

2026-10-02T17:30:30.114Z

来源文件 / 仓库

# Svelte Electron Template

The bare minimum boilerplate to use svelte in electron

![screenshot](screenshot.png)

## Quick start

`npm start` to build, bundle, and watch the svelte app, then load it as renderer thread in an electon app.

## Import modules for **browser**

Use ES6 `import`. The modules will be bundled.

```javascript
// you can import from relative path
import MyComponent from './MyComponent.svelte';
import { myUtilFunc } from './MyUtilFunc';

// or from node modules
import { writable } from 'svelte/store';
```

## Import modules for **node**

Use CommonJS `require()`. The modules will NOT be bundled. The import will be resolved at runtime.

```javascript
const app = require('electron').remote.app;
const path = require('path');
const fs = require('fs');

// DON'T do this. It will NOT be bundled!
const { writable } = require('svelte/store');
```

反馈内容错误