webpack-plugin-svelte

Webpack preset for Svelte 5 SFC，内置 svelte-loader 配置与 SWC 编译支持。

推荐：用 create-all 新建 Svelte 项目

npm create create-all@latest
# Webpack → Svelte → TypeScript

模板已集成 webpack-common 与本 preset，安装依赖后即可开发。

English — Scaffold: npm create create-all@latest → Webpack → Svelte → TypeScript. See create-all.

安装

npm i webpack-common webpack-plugin-svelte -D

本包为 preset 扩展，需与 webpack-common 的 defineConfig({ presets: [...] }) 配合使用。

项目还需安装 Svelte 相关依赖：

npm i svelte
npm i svelte-loader svelte-preprocess typescript -D

使用

// webpack.config.ts
import { defineConfig } from 'webpack-common'
import svelte from 'webpack-plugin-svelte'

export default defineConfig({
  presets: [svelte()],
})

启用 Svelte 组件 HMR（可选）：

export default defineConfig({
  presets: [svelte({ hotReload: true })],
})

说明

• 自动配置 svelte-loader（支持 .svelte 单文件组件）
• TypeScript 通过 SWC 编译
• 支持 Svelte 5 runes 语法
• hotReload 默认 false（更稳妥）；按需显式开启组件级 HMR

许可证

MIT