webpack-plugin-vanilla

Webpack preset for vanilla TypeScript/JavaScript，使用 SWC 编译且不引入框架运行时依赖。

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

npm create create-all@latest
# Webpack → Vanilla → TypeScript（或 JavaScript）

适合工具页、SDK 演示或轻量前端，生成即可 npm run dev。

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

安装

npm i webpack-common webpack-plugin-vanilla -D
npm i typescript -D

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

使用

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

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

配置项

| 选项 | 类型 | 默认值 | 说明 | |------|------|--------|------| | target | string | 'es2020' | SWC 编译目标 ES 版本 |

说明

• 使用 swc-loader 编译 .ts / .js 文件（无框架依赖）
• 适合纯 TypeScript/JavaScript 项目，不引入 React/Vue 等框架
• 开发模式自动 HMR（修改 JS/TS 文件触发模块热替换）

许可证

MIT