将JSON配置文件导入styles.css

Question

我有一个Angular解决方案，我想将config.json文件导入“ styles.css”文件。 我什至不知道这是否可行，因为我没有通过搜索类似问题找到类似的东西。

这是config.json文件的样子：

{
    "style" : {
        "primaryColor": "#008080",
        "secondaryColor" : "#D32F2F"
    }
}

这是styles.css的样子：

import * as config from 'config.json'; 

html {
        font-family: 'Trebuchet MS';
        background-color: '$config.style.primaryColor';
    }

您可以猜测，它甚至无法编译。但我希望你们对我正在尝试做的事情有所了解。你有什么想法要实现吗？

Answer 1

很遗憾，您不能这样做。

您可以在组件代码中使用config并从那里分配css。喜欢：

-fsyntax-only

其中<div [style.width.px]="yourValueFromConfig"> -从配置分配的组件变量。

Answer 2

潜在的解决方案：您可以将Angular应用程序转换为支持SASS，一旦完成，就可以使用node-sass-json-importer

完成所需的操作。

Answer 3

如果您使用的是 Angular，则可以使用 scss 和 node-sass-json-importer 来完成，就像 here 中描述的那样。