vite.config.ts是Vite项目的核心配置文件,它导出一个配置对象,该对象可以包含多种配置选项,如插件、别名、代理等。 2. 学习如何在vite.config.ts中配置别名 在Vite中,配置别名通常是通过resolve.alias选项来实现的。这个选项允许我们定义一个对象,对象的键是别名的名称,值是该别名对应的实际路径。
vite配置别名 vite.config.ts import { resolve } from "path"; exportdefaultdefineConfig({ resolve: { alias: {"@": resolve(__dirname, "./src"),//把 src 的别名设置为 @}, }, }); 解决ts 中 使用"@" 的时候提示找不到模块的报错 import DateInput from "@/components/DateInput.vue";(找...
} export default defineConfig({ plugins: [uni()], base: '/', resolve: { extensions: ['.js', '.ts', '.vue', '.json', '.scss'], alias: { '@': resolve('src'), '@api': resolve('src/api')}}}) 此时配置完成即可在项目中使用别名,但ts中使用时,会提示报红(但不影响正常功能) ...
配置如下:(vite.config.ts) import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' const path = require('path') function resolve(dir: string) { const _path: string = path.resolve(__dirname, dir); return _path; } // https://vitejs.dev/config/ export default ...
一、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')}}}); ...
// dts: './auto-imports.d.ts', // 插件配置之后,运行代码时会自动在根目录下(通过dts配置可修改路径)生成一个auto-import.d.ts文件,需要将此文件添加到tsconfig.json中,否则在使用api时会提示未定义:// 如果报错__dirname找不到,需要安装node,执行npm install @types/node --save-dev ...
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 配置如下: export default defineConfig(({ command, mode }) => { const env = loadEnv(mode, __dirname) return { resolve: { alias: { "@": path.resolve(__dirname, "./src"), "@components": path.resolve(__dirname, "./src/components"), } }, } }) tsconfig.json ...
第一步:在 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:...