vite.config.js文件內(nèi)
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
const path = require('path');//解決@路徑問題
export default defineConfig({
plugins: [vue()],
resolve: {
// 配置路徑別名
alias:{
'@': path.resolve(__dirname,'./src')
}
}
})
頁面中使用：
.box{
width:200px;
height:200px;
background:url('@/assets/logo.png') no-repeat;
background-size: cover;
}
