您可以在React中使用絕對路徑導入嗎？

Question

我可以使用React Native的this教程，但它似乎不適用於React。

Answer 1

你必須這樣做：在裏面你想導入的文件夾：

1. 與{「FOLDER_NAME」，「名」}添加的package.json文件。
2. import Thing from ‘FOLDER_NAME/thing’或import Thing from ‘./thing’

...文件夾結構中去時，「向上」時除外。

import Blah from ‘../../../../../blah’

在你的陣營原生項目，機會是你保持你的代碼在一個文件夾，如「應用程序」。 如果你有一個目錄，命名爲「應用程序」這是一個絕對路徑可能是什麼樣子：

import Thing from ‘AwesomeApp/app/some/thing’

什麼吸有關，這是字面上的所有import語句（或需要調用，如果你還在成）將從「AwesomeApp/app /」開始，這是很多要問的，當替代品很容易添加一系列「../」時（關鍵筆畫太靠近了，太簡單了）。

爲了緩解這個難題，您可以簡單地在要導入的文件夾內添加一個package.json文件。在這種情況下，因爲我們所有的代碼是在「應用程序」文件夾中，我們會把這裏的文件：

AwesomeApp/app/package.json

然後，添加一個「name」屬性的JSON文件與文件夾名稱作爲其價值（你可以隨心所欲地稱呼它，但實際上，這隻會讓人們感到困惑，包括6個月內的你）。越短越好。

{ 「name」: 「app」 } 

現在，您可以使用該名稱作爲參考導入。

import Thing from ‘app/some/thing’