从样式表读取类名
从样式表读取类名
提问于 2016-11-08 16:19:40
我一直跟随着一个React工具包，偶然发现了以下是
import React from 'react'
import DuckImage from '../assets/Duck.jpg'
import classes from './HomeView.scss'
export const HomeView = () => (
<div>
<h4>Welcome!</h4>
<img
alt='This is a duck, because Redux!'
className={classes.duck}
src={DuckImage} />
</div>
)SCSS文件中有一个duck类，不知怎么的，它被读取并分配为classes对象的一个属性。凉爽的!有人知道怎么做到的吗？我翻阅了package.json，却找不出实现这一目标的库/工具。
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-11-08 17:11:27
这是直接的。
SCSS中的所有类都将转换为样式对象。每个类都将在该样式对象中创建一个property。这个property将携带有关className和style的信息。
所以当你这么做
import classes from './HomeView.scss'css-loader和sass-loader将读取HomeView.scss文件并将它们转换为style对象。一旦完成，样式对象将是exported，它被消耗并分配给classes。
现在，当你做了
classes.duck属性duck的类名将被返回。
如果您尝试console.log(classes)，您将看到scss文件中的所有类。
希望这能有所帮助！
Stack Overflow用户
发布于 2016-11-08 16:37:37
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40491750
复制相关文章
相似问题
腾讯云开发者
