vite.config.ts中别名配置
利用node中的path获取绝对路径
// 1. 引入path模块
// 2. 创建resolve方法获取路径
// 3. resove配置项中配置别名
const path = require('path)
function resolve(dir) {
return path.join(__dirname, './' + dir)
}
export default defineConfig({
plugins: [uni()],
base: '/',
resolve: {
extensions: ['.js', '.ts', '.vue', '.json', '.scss'],
alias: {
'@': resolve('src'),
'@api': resolve('src/api')
}
}
})
此时配置完成即可在项目中使用别名，但ts中使用时，会提示报红（但不影响正常功能）
ts中提示找不到模块
解决ts报红
在tsconfig.json中添加配置
项目结构图示
需要添加配置的两个文件
网友评论