首页 前端知识 vue3 ts vite项目配置根目录:用@代替../

vue3 ts vite项目配置根目录:用@代替../

2024-05-06 09:05:07 前端知识 前端哥 694 39 我要收藏
  1. 运行命令

    yarn add path
    yarn add @types/node
    复制

  2. 找到 vite.config.ts 文件

    import { defineConfig } from 'vite'
    import vue from '@vitejs/plugin-vue'
    // 引入path
    import path from 'path'
    export default defineConfig({
    // 配置
    resolve: {
    alias: {
    '@': path.resolve(__dirname, 'src')
    }
    },
    plugins: [vue()],
    })
    复制

  3. 找到 tsconfig.json 文件

    // 在 compilerOptions 中配置
    "baseUrl": ".",
    "paths": {
    "@/*": ["src/*"]
    }
    复制

    然后就可以直接使用@代替../啦

转载请注明出处或者链接地址:https://www.qianduange.cn//article/7207.html
标签
yarn
评论
还可以输入200
共0条数据,当前/页
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!