CSS加载在REACT中失败

Question

在加载CSS时有问题。

我的源代码是这样。

const Index = ({ .... }) => {
...
   useEffect(() => {
   ...
      console.log('data : ', data);
      // require('#a/b/c/d/e.css');
      require(data.src);

当我使用字符串url加载CSS时，它可以正常工作。但是，当我将CSS加载为变量时，它将无法工作。

错误日志是这样的。

Cannot find module '#a/b/c/d/e.css'
webpackEmptyContext
webpack:~ sync:2

和Console.log就是这样。

data :  
{key: "9999", src: "#a/b/c/d/e.css"}
key: "9999"
src: "#a/b/c/d/e.css"

我想使用url作为变量。有什么解决办法吗？

谢谢。

Answer 1

Webpack无法知道变量的值，因此无法编译文件。

您应明确定义路径，否则webpack会引发错误。