vue.config.js与vite.config.js

vue.config.js和vite.config.js都是用于配置Vue项目的配置文件，但是它们的作用和使用场景略有不同。

vue.config.js是用于配置Vue CLI 3.x及以上版本的项目的配置文件，可以用于配置webpack的相关配置、路径别名、代理等等。在Vue CLI 3.x及以上版本中，可以通过vue.config.js文件来覆盖默认的webpack配置。

vite.config.js是用于配置Vite构建工具的配置文件，可以用于配置开发服务器、构建输出目录、路径别名、插件等等。Vite是一个基于ESM的构建工具，它使用原生ES模块来代替webpack中的打包方式，从而提高了开发效率和构建速度。

下面是一个简单的示例，展示了如何在vue.config.js中配置路径别名：

module.exports = {
  chainWebpack: config => {
    config.resolve.alias
      .set('@', resolve('src'))
      .set('assets', resolve('src/assets'))
      .set('components', resolve('src/components'))
      .set('views', resolve('src/views'))
  }
}

下面是一个简单的示例，展示了如何在vite.config.js中配置路径别名：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': '/src',
      'assets': '/src/assets',      'components': '/src/components',
      'views': '/src/views'
    }
  }
})