问题描述
我无法让 CSS 工作/包含在我创建的代码和框中。我的目标是简单地创建一个沙箱，其中包含一些不同的 CSS 和 JavaScript 文件，并使这些文件与 index.html 文件中的 HTML 标记一起使用。
我在网上找到了一个可以使用 CSS 的沙箱，但它包含 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 在其中一种而不是另一种中起作用吗？
解决方法
我已经想通了。在“沙箱信息”部分，两个沙箱的“环境”不同。一种是“包裹”，一种是“create-react-app”。 create-react-app 使用 webpack，并以与 Parcel 不同的方式打包文件，这就是 CSS 在一个而不是另一个中工作的原因。在 create-react-app 版本中，它不知道捆绑 CSS。