react配置 craco路徑使用 符

2022-10-09 10:15:09 字數 949 閱讀 2801

配置@符替代src並提供路徑提示效果

目的:配置@路徑別名簡化路徑處理

安裝包。npm i -d @craco/craco

在專案根目錄下,建立配置檔案:craco.config.js

在配置檔案中就可以做自定義的修改,例如:配置路徑別名

craco.config.js

const path = require('path')

module.exports = ,

},}

修改package.json中的指令碼命令

package.json中:

// 將 start/build/test 三個命令修改為 craco 方式

"scripts": ,

重啟專案,讓配置生效

目的:能夠讓vscode識別@路徑並給出路徑提示

因為專案使用了 ts,而 ts 帶有配置檔案 tsconfig.json。vscode 會自動讀取tsconfig.json中的配置,讓 vscode 知道 @ 就是 src 目錄

建立path.tsconfig.json配置檔案

在該配置檔案中新增以下配置

path.tsconfig.json

}}

tsconfig.json中匯入該配置檔案,讓配置生效

tsconfig.json 中

react配置 src 根路徑

前提 react配置匯入根路徑需要在webpack中配置,但使用腳手架建立的專案,預設將babel webpack等內容全部封裝到react scripts中,所以在這種狀態下沒有辦法更改webpack中的內容 需要執行npm run eject解開react scripts包 方法 在新出現的co...

Tomcat配置虛擬路徑,使上傳檔案與伺服器分離

遇到問題介紹 專案中頭像上傳,上傳到伺服器。如果使用tomcat下的目錄作為上傳的路徑,則每次重啟伺服器將消失 遇到問題 使用伺服器物理磁碟的d upload路徑儲存檔案,訪問請求路徑的不會對映到希望到的請求。解決 可以使用tomcat的配置檔案將某個請求 對映到 物理路徑下 完成的回顯。具體操作 ...

Tomcat配置虛擬路徑,使上傳檔案與伺服器分離

遇到問題介紹 專案中頭像上傳,上傳到伺服器。如果使用tomcat下的目錄作為上傳的路徑,則每次重啟伺服器將消失 遇到問題 使用伺服器物理磁碟的d upload路徑儲存檔案,訪問請求路徑的不會對映到希望到的請求。解決 可以使用tomcat的配置檔案將某個請求 對映到 物理路徑下 完成的回顯。具體操作 ...