前提:react配置匯入根路徑需要在webpack中配置,但使用腳手架建立的專案,預設將babel
、webpack
等內容全部封裝到react-scripts
中,所以在這種狀態下沒有辦法更改webpack
中的內容
需要執行npm run eject
解開react-scripts
包
方法:在新出現的config
資料夾中,找到webpack.config.js
檔案,在alias
中插入'@': path.resolve('src'),/或者
'
@':path.join(__dirname,'../src')
, 就可以了
1alias: ),
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路徑...