一、配置@根目录
两个文件需注意
1、vite.config.ts
引入path时报错可能是缺少依赖
pnpm install @types/node --save-dev
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue()],
resolve: {
alias: {
'@': path.resolve(__dirname, './src')
}
}
})
2、ts.config.json
{
"compilerOptions": {
"paths": {
"@/*": ["./src/*"]
}
}
}
二、热更新hmr,修改文件 vite.config.ts
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react()],
server:{
host:'localhost',
hmr:true
}
})