在带有 cra 4
的类名中使用 sass
到 @import
或 @use
css 文件,可以通过以下步骤实现:
create-react-app
(CRA)版本4或更高版本,因为在CRA 4中,已经默认支持了Sass。.scss
或 .sass
文件,例如 styles.scss
。@import
或 @use
来引入其他的CSS文件。例如,假设你有一个名为 custom-styles.css
的CSS文件,你可以在 styles.scss
中使用以下代码来引入它:@import
或 @use
来引入其他的CSS文件。例如,假设你有一个名为 custom-styles.css
的CSS文件,你可以在 styles.scss
中使用以下代码来引入它:@use
:@use
:.scss
或 .sass
文件被正确地引入到你的React组件中。你可以在需要使用这些样式的组件文件中,使用以下代码来导入样式文件:.scss
或 .sass
文件被正确地引入到你的React组件中。你可以在需要使用这些样式的组件文件中,使用以下代码来导入样式文件:.sass
文件而不是 .scss
文件,则需要将文件名更改为 styles.sass
和 styles.module.sass
。以上是在带有 cra 4
的类名中使用 sass
到 @import
或 @use
css 文件的步骤。请注意,这只是其中一种实现方式,具体的实现方式可能因项目配置和需求而有所不同。
领取专属 10元无门槛券
手把手带您无忧上云