vite中无法使用require和@无法使用的问题

1，安装插件

//yarn 安装
yarn add -D vite-plugin-require-transform
//npm 安装
npm i vite-plugin-require-transform --S

2.在vite中配置一下即可

import { defineConfig } from 'vite'
import requireTransform from 'vite-plugin-require-transform';
 
export default defineConfig({
  plugins: [
    requireTransform({
      fileRegex: /.ts$|.vue$/
    }),
  ],
});

vite里使用@需要在config里配置一下

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
const path = require('path');

export default defineConfig({
  plugins: [vue()],
  define: {
    'process.env': {},
  },
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src')
    },
    extensions: ['.vue', '.ts', '.js']
  }
});

安装path:

//npm
npm i --save-dev @types/node
//pnpm 
pnpm add -S @types/node
//yarn
yarn add -S @types/node