镇江专业网站制作,云南网站设计企业,网页版梦幻西游伙伴推荐,苏州工业园区最新通告文章目录 前言一、vite.config.ts二、tsconfig.json三、可能遇到的问题 前言
这是一个比较常用#xff0c;且配置简单的功能。但是在不同环境下还是有点点小坑#xff0c;这边就当是一个全面的记录吧。 vite中配置alias总共需要配置两个地方
vite.config.ts#xff1a;让代… 文章目录 前言一、vite.config.ts二、tsconfig.json三、可能遇到的问题 前言
这是一个比较常用且配置简单的功能。但是在不同环境下还是有点点小坑这边就当是一个全面的记录吧。 vite中配置alias总共需要配置两个地方
vite.config.ts让代码编译通过tsconfig.json让代码编辑器语法验证通过 一、vite.config.ts
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.join(__dirname, ./src/),},},
});
如果你的项目引入path报错则需要下载
npm i types/node二、tsconfig.json
{...其他代码compilerOptions: {// 路径baseUrl: .,paths: {/*: [./src/*]}},
}三、可能遇到的问题
配置后vscode仍然报语法提示错误但是项目编译通过。 解决办法重启vscodevscode语法提示通过项目不通过 解决办法vite.config.ts中alias配置指定的地址如: path.join(__dirname, ./src/),要使用path.join方法处理用相对路径的话在编译时可能文件处于的路径会改变。
