Vite

介绍👊

• 2022/8/6
• 官网
• https://vitejs.cn/

配置相对路径🍅

• electron 里面需要引入vue文件需要加上.vue
• vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import {join} from 'path'
// https://vitejs.dev/config/
export default defineConfig({
  resolve: {
    alias: {
      '@':join(__dirname,'src')
    }
  },
  plugins: [vue()]
})

• tsconfig.json

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"]
    }
  }
}

创建vue项目🪲

• npm init vue@latest

scss🍅

• npm install sass --save-dev
• npm install sass-loader --save-dev

常见用法🍅

导入项目内静态资源🐸

import imgUrl from '@/assets/dashboard.png'
const url = ref(`${imgUrl}`)