vite默认是不支持@和require（vite中使用vue2语法）

vite快速使用 安装 一个构建工具，比webpack编译更快npm init @vitejs/app 项目名称 (或者按照官方文档中的方式) vite中使用vue2 默认使用vue3语法，若要使用vue2需要安装插件

npm install vite-plugin-vue2 -D

在vite.config.js配置

import { defineConfig } from 'vite'
import { createVuePlugin } from 'vite-plugin-vue2'
	export default {
			  plugins: [
			    createVuePlugin(/* options */)
			  ],
			}

安装插件

cnpm i vue-template-compiler -S

vite默认是不支持@和require

1.第一步：安装

yarn add -D vite-plugin-require-transform
or
npm i vite-plugin-require-transform --save-dev

第二步：在vite.config.js中配置

import { defineConfig } from 'vite'
//解决@问题
const path = require('path');
//解决require问题
import requireTransform from 'vite-plugin-require-transform';
 
export default defineConfig({
  plugins: [
  vue(),
  //.........此处省略
    requireTransform({
      fileRegex: /.js$|.vue$/
    }),
  ],
});