react配置 src 根路徑
阿新 • • 發佈:2020-08-17
前提:react配置匯入根路徑需要在webpack中配置,但使用腳手架建立的專案,預設將babel
、webpack
等內容全部封裝到react-scripts
中,所以在這種狀態下沒有辦法更改webpack
中的內容
需要執行npm run eject
解開react-scripts
包
npm run eject
命令無法撤銷- 執行後,會出現
config
和scripts
兩個資料夾
方法:在新出現的config
資料夾中,找到webpack.config.js
檔案,在alias
中插入'@': path.resolve('src'),/或者
'@':path.join(__dirname,'../src'), 就可以了
1 alias: { 2 '@': path.resolve('src'), 3 // '@':path.join(__dirname,'../src'), 4 // Support React Native Web 5 // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/ 6 'react-native': 'react-native-web', 7 // Allows for better profiling with ReactDevTools8 ...(isEnvProductionProfile && { 9 'react-dom$': 'react-dom/profiling', 10 'scheduler/tracing': 'scheduler/tracing-profiling', 11 }), 12 ...(modules.webpackAliases || {}), 13 },