index.html中的node_modules中的引用文件夹(create-react-app)

Question

我有一个试用React的项目,所以我使用create-react-app CLI获取样板.

我用npm安装了UIKit所以它在我的node_modules文件夹中,但我似乎无法从index.html我的公共文件夹中正确引用它.node_modules位于根目录中,就像public一样,因为index.html在公共文件夹中,我会进入父目录,然后进入node_modules,如下所示:

<script src="../node_modules/uikit/dist/js/uikit-icons.min.js"></script>

但是......找不到对uikit图标的引用.node_modules之后的路径是正确的,所以这不是问题.我该怎么解决这个问题？

Answer 1

CRA 的方式非常不同。在底层create-react-app使用Webpackpublic/index.html ，它是一个工具，它将获取您的代码并将其捆绑到几个文件中，它会自动将它们插入，然后将其放入dist文件夹中。由于您想使用 UIKit，您将像这样导入 JS：

import "uikit/dist/js/uikit-icons.min.js";

您不从中导入某些内容的原因是因为该文件应该作为 a 加载<script>，并且只需import对其进行操作即可使其发挥作用。根据 UIKit 文档，它的行为方式与 React 等框架兼容，因此它应该可以正常工作。