《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'),
      },
    },
  };
});
相关推荐
码喽7号6 小时前
Vue学习七:MockJs前端数据模拟
前端·vue.js·学习
RONIN8 小时前
VUE开发环境配置基础(构建工具→单文件组件SFC→css预处理器sass→eslint)及安装脚手架
vue.js
RONIN8 小时前
vue2、vue3区别之混入mixins和过滤器filter
vue.js
RONIN9 小时前
属性透传attribute、vue实例对象方法$nextTick()、虚拟dom与浏览器渲染机制
vue.js
RONIN9 小时前
vue自定义指令与自定义插件
vue.js
RONIN9 小时前
属性透传attribute与性能优化组件(component、异步组件、keep-alive/Suspense/Teleport/Transition)
vue.js
RONIN10 小时前
组件通讯(父传子、子传父、ref属性、表单双向绑定v-model、兄弟间传值Event Bus、插槽、依赖注入)
vue.js
RONIN10 小时前
vue组件、组件生命周期、组件分离模块化
前端·vue.js
RONIN10 小时前
vue开发环境与基础语法、计算属性、侦听属性
前端·vue.js
只会写Bug12 小时前
后台管理项目中关于新增、编辑弹框使用的另一种展示形式
前端·vue.js