时间戳

首页 > 解决方案 > 我们如何在css文件中导入js文件变量

reactjs - 我们如何在css文件中导入js文件变量

问题描述

我尝试过使用这行代码，但它不起作用

@import url("Javascriptfile.js");

和<script type="text/javascript" src="Script.js">

这两种方式都行不通。

在 js 文件中我有

export const PrimaryColor = "#4267B2";

我想在我的css文件中导入它我该怎么做？

标签： reactjs

解决方案

我不相信这是可能的。

您可以在一定程度上使用 JavaScript 操作 CSS，但主要是通过 DOM 操作（作用于类名）或以编程方式生成 CSS（但最终还是 CSS）来完成。

我认为从 CSS 的范围内访问“JavaScript 世界”是不可能的。

但是，如果您想在 CSS 中使用变量名称来引用常量，例如颜色、大小等，您可以使用 CSS 自定义属性功能：https ://developer.mozilla.org/en-US/docs/Web/ CSS/Using_CSS_custom_properties

推荐阅读