Sass 如何启用“从'；导入样式”/local.css'；`createreact应用程序项目中的语法？

我使用

npx create react app myapp--typescript

创建了一个框架项目

我的perfer css导入样式是从“/App.css导入样式，这样我就可以这样做了

<div className={styles.container}>Hello</div>

如何配置我的react应用程序以接受此编码样式

---

create-react-app

版本是2.1.3

您不能像导入样式表那样导入样式表，因为它不是js模块。您可以这样做：

import./App.css'

只有将样式创建为js对象，并且仅应用于样式属性而不是类名，您才能按照这样做。例如：

关于Style.js而不是css

在App.js上

在你的渲染中（）

您的内容

注意它的风格而不是类别

如果您使用的是类型化css模块，则必须运行

tcm--watch

，或者运行

tcm

。一旦您这样做，tslint将不会给您任何错误，除非它无法找到样式

将“App.css”更改为“App.module.css”

导入它

从“./App.module.css”导入样式

使用这样的类

<div className={styles.container}>Hello</div>

你好，世界

参考
语法是可以接受的，例如，如果我不知道如何在
create react app
项目中启用它。因此我的问题可能是你需要这样做<代码>从“/styles.css”和“/code>导入*作为样式，tsc将处理它
const styles =  {
    container: {
        background: red,
        fontSize: '15px'
    }
}

export default styles;

import styles from './styles'

<div style={styles.container}>Your Content</div>