vite中别名配置

• 配置vite.config.js

  import path from 'path'
  
  export default defineConfig({
  	resolve: {
      extensions: ['.mjs', '.js', '.jsx', '.ts', '.tsx', '.json', '.sass', '.scss'],
      alias: {
        '@': path.resolve(__dirname, 'src'),
        '@components': path.resolve(__dirname, 'src/components'),
      },
    },
  })
  

• 如果用了ts那么你还需要在tsconfig.js中进行额外配置，注意哦path对象是在compilerOptions对象里面，别写错位置了

  	{
  		  "compilerOptions": {
  		  	  "paths":{
  			      "@/*": ["src/*"],
  			      "@components/*": ["src/components/*"],
  			    },
  		  }
  	 }