React typescript下的 路徑別名配置

2021-10-08 21:17:19 字數 656 閱讀 1396

建立了乙個 typescript的 react專案 ,如果想在專案中引入元件等等

預設情況下這樣很難受:

import mouse from '../components/mouse'

;

如果想要這樣的

import mouse from '@/components/mouse'

;

該如何配置那

2.在專案根目錄新建config-overrides.js

const

=require

('customize-cra');

const path =

require

('path'

)module.exports =

override

(fixbabelimports

('import',)

,addwebpackalias()

,adddecoratorslegacy()

,);

3.修改package.json

"scripts"

:,

webpack路徑的別名配置

如果還不知道webpack的同學,可以先自行去了一些webpack,傳送門webpack詳細入門整理 我們在使用模組化開發的時候都是使用import或者require去匯入我們的模組,但是當我們專案較大,模組較多的時候,我們用相對路徑匯入是一件麻煩的事情。那有沒有一種更簡便的方法去匹配路徑呢?這時我...

基於webpack的vue專案路徑別名

在vue的專案裡,我們可以使用.這樣的相對路徑的方式引用不同目錄的元件 import userinfo from components userinfo.vue 使用.引用的路徑比較深,定位路徑和書寫不方便,並且不直觀。由於專案是基於webpack,比較好的做法是使用webpack對路徑定義乙個別名...

windows下的virtualbox配置串列埠

windows下的virtualbox配置串列埠 因為需要讀取嵌入式裝置串列埠的資料,在virtualbox中啟動想讀物理機的串列埠com1,老是失敗。最後找了下別人講的,有幾個注意的地方,整理放下面。1.先保證usb裝置是啟用的 不知道是不是確定必須要,但我是這樣做的 2.在 設定 系統 擴充套件...