当前位置：网站首页>vite 中配置@表示访问src下的文件

vite 中配置@表示访问src下的文件

2022-07-15 12:02:00 【陌上烟雨寒】

vite 中配置@表示访问src下的文件

安装 插件

npm install --save-dev @types/node

vite.config.ts

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

import {
     resolve } from 'path'
const pathResolve = (dir: string): any => {
    
  return resolve(__dirname, '.', dir)
}
const alias: Record<string, string> = {
    
  "@": pathResolve('src')
}

// https://vitejs.dev/config/
export default defineConfig({
    
  plugins: [vue()],
  resolve: {
    
    alias
  }
})

tsconfig.json

compilerOptions 中添加

 "baseUrl": ".",
    "paths": {
    
      "@/*": [
        "src/*"
      ]
    }

在这里插入图片描述

原网站

版权声明
本文为[陌上烟雨寒]所创，转载请带上原文链接，感谢
https://blog.csdn.net/weixin_47180815/article/details/125788030

边栏推荐

猜你喜欢

随机推荐