"paths": { // 配置导出路径(这里根据自己项目执行修改) "@/components*": [ "./src/components*" ], "@/layouts*": [ "./src/layouts*" ], "@/assets*": [ "./src/assets*" ], }, "skipLibCheck": true }, "include": [ "src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx...
resolve: { extensions: ['.js', '.ts', '.vue', '.json', '.scss'], alias: { '@': resolve('src'), '@api': resolve('src/api')}}}) 此时配置完成即可在项目中使用别名,但ts中使用时,会提示报红(但不影响正常功能) ts中提示找不到模块 解决ts报红 在tsconfig.json中添加配置 项目结构图...
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:[...
一、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')}}}); ...
vite.config.js里的是给 Rollup 看的,实际是 @rollup/plugin-alias 这个插件的配置项,用于 Rollup 构建时模块化查找路径。 tsconfig.json里的是给 tsc 看的,用于 TypeScript 构建时模块化查找路径。 至于二者为什么会分开,其实就是解耦的缘故。比如你可能压根不用 TS 去开发、只是单纯的 JS;而 tsconfig.json 也...
在这里配置打包编译时候的别名,用path.resolve解析成绝对地址也可以,用'@': '/src'直接指定项目根路径也可以。用js的时候,配置别名就完成了。如果用TS还需要,配置tsconfig.json: "baseUrl": "./","paths": {"@/*": ["src/*"],"~/*": ["packages/*"]} ...
/*别名配置*/"baseUrl": "./","paths": {"@/*": ["src/*"]},/*Linting*/"strict":true,"noUnusedLocals":true,"noUnusedParameters":true,"noFallthroughCasesInSwitch":true},"include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],"references": [{ "path": "./...
vite配置别名 vite.config.ts import { resolve } from "path"; exportdefaultdefineConfig({ resolve: { alias: {"@": resolve(__dirname, "./src"),//把 src 的别名设置为 @}, }, }); 解决ts 中 使用"@" 的时候提示找不到模块的报错