vite+ts 配置路径别名

1.vite.config.ts

import path from 'path'


export default defineConfig({
  plugins: [],
  // 配置别名
  resolve: {
    alias: {
      '@': path.resolve('./src')
    }
  }
})

2.tsconfig.json

    /*配置别名*/
    "baseUrl": "./",//解析非相对模块的基地址,默认是当前目录
    "paths": {// 路径映射 相当于是 baseUrl
      "@/*" : ["src/*"]
    },

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要实现 Vue3 + Vite + TypeScript 的自动检测更新,可以按照以下步骤进行: 1. 在项目中安装 `vite-plugin-checker` 插件,这个插件可以检测依赖包是否有更新。 ``` npm install vite-plugin-checker --save-dev ``` 2. 在 `vite.config.ts` 中配置 `checker` 插件,例如: ```typescript import checker from 'vite-plugin-checker'; import { defineConfig } from 'vite'; export default defineConfig({ plugins: [ checker({ // 检测频率,单位为秒,这里设置为 60 秒检测一次 interval: 60, // 检测更新的依赖包 packages: [ 'vue', '@vue/compiler-sfc', '@vue/runtime-core', ], }), ], }); ``` 3. 在 `main.ts` 中使用 `setInterval` 定时检测更新,例如: ```typescript import { createApp } from 'vue'; import App from './App.vue'; const app = createApp(App); // 每 5 分钟检测一次更新 setInterval(() => { location.reload(); }, 5 * 60 * 1000); app.mount('#app'); ``` 4. 在 `tsconfig.json` 中开启 `compilerOptions.baseUrl` 和 `compilerOptions.paths`,例如: ```json { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } } } ``` 这样可以让 TypeScript 编译器正确地解析 `@` 开头的路径别名。 这样,就可以实现 Vue3 + Vite + TypeScript 的自动检测更新了。每次启动应用时,`vite-plugin-checker` 会检测依赖包是否有更新,如果有更新,会在控制台输出提示信息。而定时检测更新的代码则会在应用运行时生效,每隔一段时间检测一次更新,并在有更新时刷新页面。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值