vite-plugin-vue2 使用总结

概述

vite-plugin-vue2 是一个使 Vite 能够支持 Vue 2 项目的插件。它不是 Vue 2 的运行时代码或打包工具，而是让 Vite 知道如何处理 Vue 2 的单文件组件（SFCs）。

主要功能

• 解析和编译 Vue 2 的 .vue 文件。
• 支持热更新（HMR）。
• 提供对 Vue 2 特性的支持，如响应式、生命周期钩子等。

注意事项

不是Vue 2的运行时或兼容层

• vue 包提供了 Vue 2 的运行时支持。
• vue-template-compiler 是 Vue 2 模板编译器。

推荐使用官方插件

推荐使用 @vitejs/plugin-vue2 代替 vite-plugin-vue2，因为它是官方维护且更适合与 Vite 集成。

示例配置

// vite.config.js
import { defineConfig } from 'vite';
import vue2 from '@vitejs/plugin-vue2';

export default defineConfig({
  plugins: [
    vue2({
      jsx: true // 如果需要支持 JSX
    })
  ],
  define: {
    __VUE_OPTIONS_API__: true,
    __VUE_PROD_DEVTOOLS__: false
  }
});

依赖版本要求

确保使用Vue 2.7 或更高版本来获得最佳的构建工具支持。