vite.config.ts是Vite项目的核心配置文件,它导出一个配置对象,该对象可以包含多种配置选项,如插件、别名、代理等。 2. 学习如何在vite.config.ts中配置别名 在Vite中,配置别名通常是通过resolve.alias选项来实现的。这个选项允许我们定义一个对象,对象的键是别名的名称,值是该别名对应的实际路径。
// 1. 引入path模块 // 2. 创建resolve方法获取路径 // 3. resove配置项中配置别名constpath=require('path) function resolve(dir) { return path.join(__dirname, './' + dir) } export default defineConfig({ plugins: [uni()], base: '/', resolve: { extensions: ['.js', '.ts', '.vue...
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内置的功能,但...
一、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 { reso...
路径别名同样需要在vite.config.ts中配置,此时具体配置如下: import{join}from"path";// 此处如果报错则安装 node/path依赖import{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue";importvueJsxfrom"@vitejs/plugin-vue-jsx";exportdefaultdefineConfig({plugins:[vue(),vueJsx()],server:{port:8888...
一、vite.config.ts 详细说明 vite.config.ts 是 Vite 项目的核心配置文件。它允许你自定义 Vite 的行为,以适应你的项目需求。 让我们来看看其中一些重要的配置选项: import { fileURLToPath, URL } from 'node:url' // 使用 defineConfig 帮手函数,这样不用 jsdoc 注解也可以获取类型提示 ...
1、配置 tsconfig.json 在compilerOptions设置baseUrl项目根目录路径 compilerOptions:{"baseUrl":"./",} 在compilerOptions下设置paths选项来指定你的别名配置 compilerOptions:{"baseUrl":"./","paths":{"@/*":["src/*"]}} 2、配置 vite.config.ts ...
vite 配置路径别名 首先需要在tsconfig.json "baseUrl": "./","paths": {"@/*": ["src/*"],"#/*": ["types/*"], } 然后在vite.config.ts配置https://cn.vitejs.dev/config/#resolve-alias import { defineConfig } from 'vite'import vue from'@vitejs/plugin-vue'import* as path from '...
配置路径别名@ 1、安装@types/node npm install @types/node --save-dev 1. 2、修改vite.config.ts配置路径别名@ import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import path from "path";//这个path用到了上面安装的@types/node ...