如何导入与包含它们的文件夹同名的文件?
How to import files that are called the same as the folder that contains them?
在 ECMAScript 中导入文件时,我们执行 import Home from './Home'
,它将导入 import Home from './Home/index'
。
我在一个没有 index
文件的项目中。相反,我们有一个与包含它的文件夹同名的文件。
例如:
src/component/Home/Home.js
src/component/Footer/Footer.js
有没有办法配置 NODE_PATH 或其他东西,继续做 import Home from './Home'
并导入 import Home from './Home/Home'
?
正如宇智波斑所说,这是不可能的。你可以像这样聪明地做一些事情:
在src/component/index.js
中:
export { default as Home } from "./Home/Home";
export { default as Footer } from "./Footer/Footer";
其他地方:
import { Home, Footer } from "./component";
希望对您有所帮助。
在 ECMAScript 中导入文件时,我们执行 import Home from './Home'
,它将导入 import Home from './Home/index'
。
我在一个没有 index
文件的项目中。相反,我们有一个与包含它的文件夹同名的文件。
例如:
src/component/Home/Home.js
src/component/Footer/Footer.js
有没有办法配置 NODE_PATH 或其他东西,继续做 import Home from './Home'
并导入 import Home from './Home/Home'
?
正如宇智波斑所说,这是不可能的。你可以像这样聪明地做一些事情:
在src/component/index.js
中:
export { default as Home } from "./Home/Home";
export { default as Footer } from "./Footer/Footer";
其他地方:
import { Home, Footer } from "./component";
希望对您有所帮助。