如何使用 NextJS

编程问答 2022-05-16

问题描述

我希望内容编辑器通过 Headless CMS 定义网站的主要颜色， 使用带有首选 sass 模块的 NextJS。这是一个示例，目的是让您了解我要实现的目标

// style.module.scss

import fromHeadless './api/MyHeadlessCMS'

$color_primary: ${fromHeadless.primaryColor}
$color_secondary: ${fromHeadless.secondaryColor}
$color_text_body: #000;

.title{
    color:$color_primary
}

.paragraph{
    color:$color_text_body
}

见${fromHeadless.primaryColor}

// Mycomponent

import style from 'style.module.scss'

const MyComponent = () => {

    return(
        <div>
            <h1 className={style.title}>hey hey</h1>
            <p className={style.paragraph}>Something good</p>
        </div>
        )

}

export default MyComponent

所以我知道不可能将 js 导入到 scss 文件中，但我只是想找到一个解决方案，结果是使用在 sass 文件之外定义的动态 scss/css 变量。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

css-modulesreactjsreactjsreactjsreactjssasssass