本地reactjs - 如何指定多個進口目錄

Question

我的文件夾結構

- src 
    - js 
    ... more folders 
    - css 
    ... more folders 

我想避免在我的import語句路徑複雜的相關性。是否有一個地方我這樣說的地方：

look into not only 'src' but also in 'src/js' and 'src/css' when i try to import a file

可能嗎？

Answer 1

是且不是，您不能像原生文件那樣導入整個文件夾，但可以創建index.js（假設您正在使用支持此功能的NodeJS，Webpack或其他打包程序）並指定要導入的內容該文件夾。就像這樣：

// src/js/cat/cat.js 
export Cat = { name: 'Tom' }; 

// src/js/cat/index.js 
export Cat from './cat.js'; 

// src/js/dog/dog.js 
import { Cat } from '../cat'; 

export Dog = { name: 'Spot', hate: Cat }; 

// src/js/dog/index.js 
export Dog from './dog.js'; 

// src/js/index.js 
export Cat from './cat'; 
export Dog from './dog'; 

// src/test.js 
import { Cat, Dog } from './js'; 

關於CSS文件，除非您使用的是CSS預處理器（SASS，...），我不認爲這是可能的。