react怎么快速設置文件路徑別名

這篇文章給大家分享的是有關react怎么快速設置文件路徑別名的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

React是用于構建用戶界面的JavaScript庫，  起源于Facebook的內部項目，因為該公司對市場上所有 JavaScript MVC框架，都不滿意，就決定自己寫一套，用來架設Instagram的網站。做出來以后，發現這套東西很好用，就在2013年5月開源了。

React 是一個用于構建用戶界面的 JAVASCRIPT 庫。

React 主要用于構建UI，很多人認為 React 是 MVC 中的 V（視圖）。

React 起源于 Facebook 的內部項目，用來架設 Instagram 的網站，并于 2013 年 5 月開源。

React 擁有較高的性能，代碼邏輯非常簡單，越來越多的人已開始關注和使用它。

由于webpack隱藏了配置文件需要先暴露出來，進入項目目錄后在cmd中運行以下代碼

npm run eject

你確定要退出嗎？這種行為是永久的。
輸入y 然后回車
運行結束后在項目文件夾中找到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 || {}),
        // 配置文件別名,左邊是別名右邊是對應的路徑
        "@": 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"),
      },

配置完成后重新啟動一下項目就行了

感謝各位的閱讀！關于“react怎么快速設置文件路徑別名”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！