最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

vite中如何使用@?配置路徑別名

 更新時間:2022年12月05日 09:46:35   作者:瀟似風  
這篇文章主要介紹了vite中如何使用@?配置路徑別名,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教

vite使用@ 配置路徑別名

報錯

Cannot find module 'XXXXXX ’ or its corresponding type declarations

vite.config.ts

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
const path = require('path');

export default defineConfig({
  plugins: [vue()],
  define: {
    'process.env': {},
  },
  resolve: {
    // 配置路徑別名
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
});

tsconfig.json

配置baseUrl,paths

{
  "compilerOptions": {
    "target": "esnext",
    "useDefineForClassFields": true,
    "module": "esnext",
    "moduleResolution": "node",
    "strict": true,
    "jsx": "preserve",
    "sourceMap": true,
    "resolveJsonModule": true,
    "esModuleInterop": true,
    "lib": ["esnext", "dom"],
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  },
  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
}

在文件中使用

import services from '@/services/index';

vite配置別名@以及別名輸入提示

配置別名

// vite.config.ts
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path'

// https://vitejs.dev/config/
export default defineConfig({
? plugins: [react()],
? resolve: {
? ? alias: [
? ? ? {
? ? ? ? find: '@',
? ? ? ? replacement: path.resolve(__dirname, 'src')
? ? ? },
? ? ? ...
? ? ]
? }
})

如果 path 報錯,可以安裝 npm i -D @type/node,若還報錯則可能是vite版本問題 改成 import * as path from 'path'

別名提示

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

以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論

余江县| 开平市| 门头沟区| 延寿县| 北辰区| 东宁县| 浪卡子县| 都昌县| 察隅县| 宜兴市| 泰兴市| 陆良县| 绩溪县| 库车县| 加查县| 惠州市| 焉耆| 衡东县| 宁津县| 宝坻区| 福鼎市| 若羌县| 新营市| 泸西县| 常山县| 苍溪县| 澄迈县| 古交市| 楚雄市| 环江| 六安市| 石河子市| 浠水县| 德昌县| 玉门市| 新绛县| 徐闻县| 元谋县| 黎川县| 昌都县| 闽侯县|