react如何快速設(shè)置文件路徑別名
React是用于構(gòu)建用戶界面的JavaScript庫， 起源于Facebook的內(nèi)部項目，因為該公司對市場上所有 JavaScript MVC框架，都不滿意，就決定自己寫一套，用來架設(shè)Instagram的網(wǎng)站。做出來以后，發(fā)現(xiàn)這套東西很好用，就在2013年5月開源了。
React 是一個用于構(gòu)建用戶界面的 JAVASCRIPT 庫。
React 主要用于構(gòu)建UI，很多人認(rèn)為 React 是 MVC 中的 V（視圖）。
React 起源于 Facebook 的內(nèi)部項目，用來架設(shè) Instagram 的網(wǎng)站，并于 2013 年 5 月開源。
React 擁有較高的性能，代碼邏輯非常簡單，越來越多的人已開始關(guān)注和使用它。
由于webpack隱藏了配置文件需要先暴露出來，進(jìn)入項目目錄后在cmd中運行以下代碼
npm run eject
你確定要退出嗎？這種行為是永久的。
輸入y 然后回車
運行結(jié)束后在項目文件夾中找到config文件夾
打開webpack.config.js
按下 Ctrl+f 查找 alias 找到配置項
配置一下映射，可以參照以下我的配置
alias: {
"react-native": "react-native-web",
...(isEnvProductionProfile && {
"react-dom$": "react-dom/profiling",
"scheduler/tracing": "scheduler/tracing-profiling",
}),
...(modules.webpackAliases || {}),
// 配置文件別名,左邊是別名右邊是對應(yīng)的路徑
"@": path.resolve(__dirname, "../src"),
"@scss": path.resolve(__dirname, "../src/assets/scss"),
"@images": path.resolve(__dirname, "../src/assets/images"),
"@views": path.resolve(__dirname, "../src/views"),
"@components": path.resolve(__dirname, "../src/components"),
},
配置完成后重新啟動一下項目就行了
到此這篇關(guān)于react如何快速設(shè)置文件路徑別名的文章就介紹到這了,更多相關(guān)react文件路徑別名內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
本篇文章主要介紹了淺談使用React.setState需要注意的三點，提出了三點對 React 新手來說是很容易忽略的地方，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-12-12
這篇文章主要介紹了react如何實現(xiàn)表格多條件搜索問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要介紹了React+CSS?實現(xiàn)繪制豎狀柱狀圖，文章圍繞主題展開詳細(xì)的內(nèi)容介紹。具有一定的參考價值，需要的朋友可以參考一下2022-09-09
圖片懶加載是一種優(yōu)化網(wǎng)頁性能的技術(shù),它允許在用戶滾動到圖片位置之前延遲加載圖片,通過懶加載,可以在用戶需要查看圖片時才加載圖片,避免了不必要的圖片加載,本文給大家介紹了React實現(xiàn)圖片懶加載的常見方式,需要的朋友可以參考下2024-01-01
詳解React Native網(wǎng)絡(luò)請求fetch簡單封裝
本篇文章主要介紹了詳解React Native網(wǎng)絡(luò)請求fetch簡單封裝，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要介紹了Redux的工作流程,redux是一個專門用于做狀態(tài)管理的JS庫，它可以在react、angular、vue等項目中，但基本與react配合使用，需要的朋友可以參考下2022-08-08
ReactNative頁面跳轉(zhuǎn)Navigator實現(xiàn)的示例代碼
本篇文章主要介紹了ReactNative頁面跳轉(zhuǎn)Navigator實現(xiàn)的示例代碼，具有一定的參考價值，有興趣的可以了解一下2017-08-08
這篇文章主要介紹了詳解React中共享組件邏輯的三種方式，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02
react native基于FlatList下拉刷新上拉加載實現(xiàn)代碼示例
這篇文章主要介紹了react native基于FlatList下拉刷新上拉加載實現(xiàn)代碼示例2018-09-09
react項目打包后點擊index.html頁面出現(xiàn)空白的問題
這篇文章主要介紹了react項目打包后點擊index.html頁面出現(xiàn)空白的問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06