vite.config.js 別名配置

resolve.alias

• 類型：?Record<string, string> | Array<{ find: string | RegExp, replacement: string }>

  將會(huì)被傳遞到?@rollup/plugin-alias?作為?entries?的選項(xiàng)。也可以是一個(gè)對象，或一個(gè)?{ find, replacement }?的數(shù)組.

  當(dāng)使用文件系統(tǒng)路徑的別名時(shí)，請始終使用絕對路徑。相對路徑的別名值會(huì)被原封不動(dòng)地使用，因此無法被正常解析。

  更高級的自定義解析方法可以通過?插件?實(shí)現(xiàn)。

import {defineConfig } from 'vite' import path from "path"; import vue from '@vitejs/plugin-vue'// https://vitejs.dev/config/ export default defineConfig({resolve: {alias: {"@": path.resolve(__dirname, "src"),"components": path.resolve(__dirname, "src/components"),"styles": path.resolve(__dirname, "src/styles"),"plugins": path.resolve(__dirname, "src/plugins"),"views": path.resolve(__dirname, "src/views"),"layouts": path.resolve(__dirname, "src/layouts"),"utils": path.resolve(__dirname, "src/utils"),"apis": path.resolve(__dirname, "src/apis"),"dirs": path.resolve(__dirname, "src/directives"),},},plugins: [vue()], });

或者 數(shù)組的形式

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

注意要導(dǎo)入path啊，還有vite.config配置要關(guān)項(xiàng)目重啟，老鐵踩坑點(diǎn)贊

?

總結(jié)

以上是生活随笔為你收集整理的vite2.1 最新alias别名设置方式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。