让CSS文件在CodeSandbox中工作时遇到问题

Question

我很难让CSS正常工作/被包含在我创建的codesandboxes中。我的目标是简单地创建一个沙箱，其中包含一些不同的CSS和JavaScript文件，并让这些文件使用index.html文件中的HTML标记。

我在网上发现了一个可以工作的CSS沙箱，但它包含CSS的方式似乎与我正在做的类似。我决定慢慢地把我的沙箱换成他们的沙箱，看看我能不能找出不同之处，但在把我的沙箱完全换成他们的沙箱后，我只剩下一个沙箱和一个CSS正常工作的沙箱--然而这些沙箱在我看来是一样的。

CSS不起作用：(内联CSS除外) https://codesandbox.io/s/happy-rubin-cytfo?file=/index.html

CSS确实有效：https://codesandbox.io/s/01-3-ways-to-add-css-forked-9dwq5?file=/index.html

有没有人能帮我解释一下为什么CSS只适用于一种而不适用于另一种？

Answer 1

我已经弄明白了。在"Sandbox Info“部分中，"Environment”在两个沙箱之间是不同的。一个是"parcel“，另一个是"create-react-app”。create-react-app使用了webpack，并且捆绑文件的方式不同于parcel，这就是为什么CSS在一个包中工作而不是在另一个包中工作。在create-react-app版本中，它不知道捆绑CSS。