reactjs - 为什么在 reactJS 中导入组件时没有添加 .js [文件扩展名]？

Question

我们在 reactJS 中创建不同的组件，

例子:

App.js
index.js
LandingPage.js
.....

在另一个组件中导入这个组件时，我们没有添加扩展 .js
例子:

index.js:

import App from './App'

// here './App' we are not adding .js  

有谁知道原因？

Answer 1

您的 Webpack 配置负责解决常见的扩展(即: .js 或 .jsx )。如果您的项目正在使用 create-react-app ，那么这已经在幕后为您完成了。

Create-react-app 已经自动解析以下扩展:

extensions: [".web.js", ".mjs", ".js", ".json", ".web.jsx", ".jsx"],

更多信息在这里
https://github.com/webpack/docs/wiki/Configuration#resolveextensions