react配置 src 根路徑

2022-06-07 06:24:12 字數 566 閱讀 7305

前提:react配置匯入根路徑需要在webpack中配置,但使用腳手架建立的專案,預設將babelwebpack等內容全部封裝到react-scripts中,所以在這種狀態下沒有辦法更改webpack中的內容

需要執行npm run eject解開react-scripts

方法:在新出現的config資料夾中,找到webpack.config.js檔案,在alias中插入'@': path.resolve('src'),/或者'

@':path.join(__dirname,'../src')

, 就可以了

1

alias: ),

12 ...(modules.webpackaliases ||{}),

13 },

動態設定src路徑

如上動態設定的路徑需要使用require 不然只能寫上固定路徑如下 原因如下 require 是 node 中的乙個方法,他的作用是 用於引入模組 json 或本地檔案 也就是說如果我們使用 require 來引入乙個檔案的話,那麼 require 返回的就是用於引入的 npm 執行之後的編譯路徑 ...

react配置 craco路徑使用 符

配置 符替代src並提供路徑提示效果 目的 配置 路徑別名簡化路徑處理 安裝包。npm i d craco craco 在專案根目錄下,建立配置檔案 craco.config.js。在配置檔案中就可以做自定義的修改,例如 配置路徑別名 craco.config.js中 const path requ...

vue render載入img的src路徑問題

一般我們都在src下的assets資料夾下images下 html中我們這樣使用沒問題 assets images know bji.png style width 24px border radius 5px 這個路徑就根據自己在哪個檔案中獲取來自行寫了 vue render配置img的src路徑...