《Electron 基础知识》设置 Vue 中引用的文件路径别名

vite.renderer.config.mjs 文件中配置

  • 代码第1行,引入 resolve
  • 代码第 6 - 10 行,设置路径别名,注意没有后缀 /
js 复制代码
import { resolve } from 'path'

export default defineConfig((env) => {

  return {
    resolve: {
      alias: { // 路径别名
          "@": resolve(__dirname, 'src'),
          "@components": resolve(__dirname, 'src/components'),
      },
    },
  };
});
相关推荐
qq_406176141 小时前
深入浅出 Pinia:Vue3 时代的状态管理新选择
javascript·vue.js·ecmascript
德育处主任Pro2 小时前
前端元素转图片,dom-to-image-more入门教程
前端·javascript·vue.js
前端小超超4 小时前
Vue计算属性computed:可写与只读的区别
前端·javascript·vue.js
爱学习的程序媛5 小时前
【Web前端】Pinia状态管理详解
前端·vue.js·typescript
java1234_小锋5 小时前
分享一套优质的SpringBoot+Vue咖啡商城系统
vue.js·spring boot·咖啡商城
用户336566342176 小时前
Vue3+Vite项目极致性能优化:从构建到运行全链路实战指南
vue.js
阿帕琪尔6 小时前
😎vite插件: 自动打包压缩图片和转webp(二)
前端·vite
console.log('npc')8 小时前
响应式布局的 Element UI、Ant Design 24栅格布局
vue.js·ui
riyue6669 小时前
封装 WebSocket 工具类
网络·vue.js·websocket·网络协议·v
斌味代码10 小时前
el-popover跳转页面不隐藏,el-popover销毁
前端·javascript·vue.js