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

Question

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

例子：

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

在另一个组件中导入此组件时，我们没有添加扩展名.js

例子：

索引.js：

App.js
index.js
LandingPage.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