vue aliasConfig 模組別名配置

2022-04-30 21:00:20 字數 1338 閱讀 6834

今天研究了下鵬哥搭建的專案**,乙個人搗鼓了半天模組別名配置,邊寫邊測試,才慢慢明白,所有寫下來當個筆記:

在vue專案中,經常根據需要引入不同的功能模組,預設情況下我們通過** import moduletest from '@/views/test/hello.vue'這樣的形式去進行引入操作,這裡的@符號代表什麼意思呢,在使用vue腳手架vue-cli搭建起來的專案中,在根目錄下的build/webpack.base.config.js中,有下面這樣的一段**:

紅色框圈起來的部分的@符號即我們引入模組時的@符號,這裡的意思是使用@符號指代根目錄下的src資料夾路徑,這樣通過@/就可以輕鬆引入src資料夾下的檔案了,但是會有個問題,如果我們需要引入的元件在src下乙個比較深的資料夾中,引入的時候就得寫很多層的路徑,只是一次引入還好,多次引入的話,路徑寫起來腦殼都疼,所以進行模組別名配置就能友好的解決這個問題了。

模組別名配置,就是先一次性的配置好模組的別名以及對應的路徑,在引入模組的地方通過引入模組別名就行了,在某些模組被頻繁呼叫的情況下非常適合,下面說一下整個配置過程:

(一)首先在根目錄下新建乙個資料夾aliasconfig,然後在aliasconfig下新建乙個叫module.config.js的檔案,專案結構如下:

這裡前面第二三行**的意思是:通過設定nodejs的路徑處理模組path的組合路徑方法(詳細方法內容請看nodejs基礎:路徑處理模組path總結),將srcdir指向專案根目錄下的src的路徑位址,module.exports物件中的鍵值對就是我們配置的別名跟別名對應的路徑,設定好後,在需要的地方引入別名即可,**如下:

import '模組名稱' from '模組別名'
(三)模組別名檔案配置好後,需要在build/webpack.base.config.js中修改最上面圖的紅圈部分的內容,修改內容如下:

resolve: ,
(四)修改儲存好後,需要重新npm run dev啟動專案**,然後引入模組別名,發現已經可以正常引入了,感覺還是有點好玩的,繼續學習去了...

共模差模阻抗

特性阻抗 差分阻抗含義 特性阻抗 是根據輸入阻抗計算的出的平均值。輸入阻抗 是線纜實際量測的阻抗值。差分阻抗 發射訊號可正負交替又稱為平衡阻抗。共模阻抗 導體走正編織或地線走負的訊號。目前用於同軸線或帶地線的cable。又稱不平衡阻抗。特性阻抗 假設一根均勻電纜無限延伸,在發射端的在某一頻率下的阻抗...

in amp 共模差模濾波

首先,確定兩蘋串聯電阻器的阻值,同時保證前面的電路可充分地驅動這個阻抗。這兩蘋電阻器的典型值在2k 和10k 之間,這兩蘋電阻器產生的雜訊不應當大於該儀表放大器本身的雜訊。採用一對2k 電阻器,詹森雜訊會增加 8nv hz1 2 採用4k 電阻器,會增加11nv hz1 2 採用10k 電阻器,會增...

共模干擾 差模干擾

要明白共模電感的應用就得先明白什麼是共模干擾,差模干擾。共模和差模都是乙個相對量,共模是指兩個訊號a,b相對於參考點 gnd 的電勢,差模是指a,b之間的相對值。共模干擾是指兩個訊號線對地的干擾,如果環境對兩個訊號線對地之間產生對地的同向等幅的干擾 疊加相同的電壓 那麼就叫共模干擾,之所以說差分訊號...