javascript - React - 文件导入

Question

我对在 React.js 中导入文件有疑问(创建 React 应用程序)。

例如，我有两个组件 firstComponent.js 和 secondCmponent.js

在两个 文件中，我导入具有 CSS 样式的相同文件: 导入 'some.css';

1. 这是否意味着在构建应用程序后我将拥有来自 some.css x2 的代码？

2. 如果我(同时)并排调用组件

例子:

<div>
    <FirstComponent />
    <SecondComponent />
</div>

在浏览器内存中，some.css会x2吗？

Answer 1

create-react-app 底层使用 Webpack，它是一个模块 bundler ，可以获取所有文件并将它们输出到一个文件中，因此当您在许多地方使用一个文件时，例如 .css 文件webpack 只会在你的输出文件中包含那个文件 > 所以你不必担心。这也适用于其他 Assets ，如图像、字体、js 文件

了解更多关于 webpack 的信息

webpack tutorial