webpack-plugin-vue

Webpack preset for Vue 3 SFC — 对标 @vitejs/plugin-vue，内置 SWC 编译 + HMR 支持。

安装

npm i webpack-plugin-vue -D

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

npm i vue
npm i @vue/compiler-sfc vue-loader typescript -D

使用

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

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

配置项

| 选项 | 类型 | 默认值 | 说明 | |------|------|--------|------| | hmr | boolean | true | 是否启用 Vue HMR |

说明

• 自动配置 vue-loader（含 VueLoaderPlugin）
• 通过 SWC 编译 .ts / .js 文件
• 开发模式自动启用 Vue HMR，支持 <script setup lang="ts"> 的模板热更新
• 设置 enableTsInTemplate: false 规避 webpack 虚拟模块路径追踪问题，确保 HMR 可靠工作

许可证

MIT