javascript - 如何将外部库导入到 ReactJS 应用程序中(本地)

Question

我有一个 ReactJS 应用程序，并且我通过react-materialize 使用MaterializeCSS。我已经安装了react-materialized，并按照顺序在我的index.html 文件中添加了对MaterializeCSS 文件的引用:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
(...)
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

它工作正常，但我将在一个没有互联网的地方呆 10 天，并且我想在那里开发我的项目，因此 CDN 托管文件将无法工作。所以我试图在我自己的项目中托管具体化文件。

我已经设法使用 css 文件做到这一点，将其复制到我的项目结构中的文件夹中并导入到 App.js 中:

import './resources/materialize/css/materialize.css';

但是当我尝试对 .js 文件执行相同操作时，我收到大量错误，因为它正在尝试转译 Materialize.js 文件。

我应该将该文件放在哪里以及如何从我的项目中引用它？

Answer 1

您可以使用 Windows 命令提示符通过 npm 安装它，只需开始 > 运行 > cmd，通过 cd <foldername> 找到您的项目文件夹并输入:

npm install --save materialize-css@next

以及您的 Index.js: - 位于应用程序的根文件夹中

import 'materialize-css';
import 'materialize-css/dist/css/materialize.min.css';

我还强烈推荐 Material UI，它对于 React 应用程序来说非常方便:https://material-ui.com/