vite.config.ts是Vite项目的核心配置文件,它导出一个配置对象,该对象可以包含多种配置选项,如插件、别名、代理等。 2. 学习如何在vite.config.ts中配置别名 在Vite中,配置别名通常是通过resolve.alias选项来实现的。这个选项允许我们定义一个对象,对象的键是别名的名称,值是该别名对应的实际路径。
} export default defineConfig({ plugins: [uni()], base: '/', resolve: { extensions: ['.js', '.ts', '.vue', '.json', '.scss'], alias: { '@': resolve('src'), '@api': resolve('src/api')}}}) 此时配置完成即可在项目中使用别名,但ts中使用时,会提示报红(但不影响正常功能) ...
ts对@指向src目录的提示是不支持的,vite默认也是不支持的。 所以需要手动配置@符号的指向,找到vite.config.ts import path from "path" // Vite export default defineConfig({ plugins: [react()], resolve:{ alias:{ "@":path.resolve(__dirname,'./src') } } }) 2 path模块是node.js内置的功能,但...
项目中使用@来代替src/。 第一步,在vite.config.ts中增加以下代码 第二步,在tsconfig.json中增加以下代码
Vite中的别名设置 在Vite项目中,你可以通过修改vite.config.ts(或vite.config.js)文件来设置别名。下面是一个基本的例子: // vite.config.tsimport { defineConfig } from 'vite'import path from 'path'export default defineConfig({resolve: {alias: {// 为 src 目录设置别名'@': path.resolve(__dirname...
第一步:在 vite.config.ts 里面配置 注意: require 可能会报错,可以终端执行 cnpm i --save-dev @types/node,这一点 vscode 提示做的很好 import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'const{resolve}=require('path')// https://vitejs.dev/config/exportdefaultdefineConfig({plugins:...
一、vite.config.ts 具体代码如下,由于是uniapp项目,所以会有 uni 的导入 import{defineConfig}from"vite";importunifrom"@dcloudio/vite-plugin-uni";import{resolve}from'path'exportdefaultdefineConfig({plugins:[uni()],resolve:{alias:{'@':resolve(__dirname,'./src')}}}); ...
使用import引入文件默认是“./……”上下层级多一些的时候难免就会出错,设置一个基础目录的别名就比较有用了。 在vite.config.ts中添加配置 // vite.config.ts// 导入path模块importpathfrom'path'// defineConfig添加以下内容resolve:{alias:{'@':path.resolve(__dirname,'src')}}// 例如import{defineConfig...
vue3 + vite + ts 配置 @ 别名 第一步 npminstall@types/node -D 第二步 这是原 vite.config.ts文件 import { defineConfig } from'vite'import vue from'@vitejs/plugin-vue'//https://vitejs.dev/config/exportdefaultdefineConfig({ plugins: [vue()],...