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

Question

我已经尝试使用此行代码来解决这个问题，但这不起作用

@import url("Javascriptfile.js");

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

这两种方法不起作用。

在我拥有的js文件中

export const PrimaryColor = "#4267B2";

我想将其导入css文件中怎么办？

Answer 1

我认为这不可能。

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

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

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