微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

CSS模块的全局值

如何解决CSS模块的全局值

我正在使用汇总功能使用CSS模块捆绑React组件库。我有一些应该是全局的CSS规则,但不是诸如此类的类。

:root {
    --black: #000000;
    --grey: #333333;
    --lightGrey: #e5e5e5;
    --surfaceOne: #fafafa;
    --surfaceTwo: #ffffff;
    --primary: #496dc2;
}

::selection {
    background: var(--primary);
    color: #fff;
}

* {
    Box-sizing: border-Box;
    font-family: din-2014,sans-serif;
    font-size: 18px;
    color: inherit;
}

body {
    background-color: var(--surfaceOne);
    overflow: hidden;
    color: var(--grey);
    margin: 0;
}

我可以添加一些东西到我的rollup.config.js中,以指示应该始终包含此全局文件,而无需进行任何修改,但还应该包含所有其他作用域内的模块?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。