Javascript 导入js模块执行css文件

我试图创建一个索引文件，我可以导入类似的模块

e、 g

所以我在

random/

import bar from './bar';
import foo from './foo';

export {
  foo 
};

export default DefaultSurvey;

这很有效，但我有一个小问题

foo.js

扩展

bar.js

import './Foo.scss';
export default class Foo extends Bar

问题在于：

import foo from './foo';

如果我尝试从“./random”导入条

---

来自

foo.js

的css应用于默认导出，为什么会这样？

首先，为什么会出现问题？难道不应该加载所有css吗？除非您希望有条件地加载某些css文件，这是另一个问题

也许我把这个问题全搞错了，如果有，请纠正我，但是当您从

random/

导入默认导出时，即从“/random”导入条，您还将执行该模块中的所有导入，即导入所有依赖项。因为您正在从“/foo”导入

foorandom/

-模块中的code>，并在

foo.js

中导入css，这些依赖项将在引用

random/

-模块时加载

为了避免循环依赖地狱，我建议将所有css文件导入到一个文件中，例如索引文件。这样可以避免意外行为。

您所说的“foo.js中的css应用于默认导出”是什么意思？CSS应用于HTML选择器，而不是JS模块导出。

import foo from './foo';