为什么 React 看不到 scss styles

Question

在项目设置方面，我有点 React noobie。 我使用npx create-react-app创建了一个带有默认值的简单项目。 我想使用 Sass 所以我安装了一个 sass 模块。 在使用方面，我创建了具有基本背景样式的styles.scss ，并尝试：

function App() {
return \<div className="container"\>app\</div\>;
}

export default App;

这很好用，但我想这样使用它：

import styles from "./styles.scss";
function App() {
return <div className={styles.container}>app</div\>;
}
export default App;

但它不起作用。 我看到任何 className 都被赋予了这个 div。 我很不明白为什么。 谁能向我解释其中的区别并提供任何提示我如何开始使用提到的第二个选项？

Answer 1

如果你只是想导入一个样式表，你应该简单地使用：

import './styles.scss';

当然，您还应该在项目中安装 SASS，但我假设您已经这样做了。