react配置 src 根路徑

前提：react配置匯入根路徑需要在webpack中配置，但使用腳手架建立的專案，預設將babel、webpack等內容全部封裝到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路徑...