react scss 文件中怎么实现全局样式

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2227 天前的主题，其中的信息可能已经有所发展或是发生改变。

css 中可以用:global
scss 中怎么实现？

第 1 条附言 · 2018-10-24 14:27:27 +08:00

react的scss中可以这样使用吗？比如选中标签高亮

.foo {
    color: #ccc;
    &.active {
        background: #aaa;
    }
}

8 条回复 • 2018-10-24 10:47:39 +08:00

ymyqwe

2018-10-24 09:19:35 +08:00 via iPhone

你放在 index.js ，不放在组件里不就实现了吗？

maichael

2018-10-24 09:20:51 +08:00

scss 本来就是全局的，你是用了 css-module 还是咋地。

yantianqi

2018-10-24 09:23:22 +08:00

@maichael
用的 scss module

maichael

2018-10-24 09:26:55 +08:00

@yantianqi 那:global 应该也是适用的吧

VDimos

2018-10-24 09:37:53 +08:00 via Android

scss 本来就是全局的呀，不是 vue 那种 scope 的，如果你要局部实现还得用其他诸如 css module 的方案实现

Torpedo

2018-10-24 10:38:28 +08:00

sass 也可以:global
除此之外,也可以编辑 webpack 配置.比如让 global.sass 不用 css module

ericls

2018-10-24 10:41:55 +08:00 via iPhone

react 和 sass 有啥关系？

adjusted

2018-10-24 10:47:39 +08:00

scss 会编译到 css, 所以 :global 同样适用，你还可以在 scss 里面用:global {}