vite vue3中，如果静态文件和vue项目部署在同一级时，如何设置别名，注意项目已经设置过@别名指向项目根目录

在Vite与Vue 3结合的项目中，如果你需要设置一个别名来指向与Vue项目同级的静态文件目录，你可以通过修改`vite.config.js`文件来实现。首先确保你已经在项目中设置了`@`别名指向Vue项目的根目录。接下来，你可以继续添加一个新的别名来指向静态文件目录。

这里是一个如何配置的示例：

1. 找到`vite.config.js`文件。
2. 在配置文件中，使用`resolve.alias`选项来添加一个新的别名。

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      // 保留@指向项目根目录
      '@': resolve(__dirname, 'src'),
      // 添加新的别名指向静态文件目录
      'static': resolve(__dirname, '../static')
    }
  }
});

在上面的代码中，`'static'`是新的别名，`'../static'`应该替换为指向静态文件目录的实际相对路径。

配置好别名后，你可以在项目中通过`import`语句来使用新的别名。例如：

import someImage from 'static/images/some-image.png';

这样，即使静态文件和Vue项目部署在同一级目录下，你也可以通过别名来引用静态文件，而不需要每次都写完整的相对路径。