如何将外部库导入ReactJS应用程序(本地)
我有一个ReactJS应用程序，我正在通过react实现使用MaterializeCSS。我已经按照顺序在我的MaterializeCSS文件中安装了react物化并添加了对index.html文件的引用：
<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文件。
我应该把这个文件放在哪里，如何从我的项目中引用它？
回答 3
Stack Overflow用户
发布于 2019-12-30 14:28:14
您可以使用windows命令提示符通过npm安装它，只需启动>运行> cmd，通过cd <foldername>找到您的项目文件夹，然后键入以下内容：
npm install --save materialize-css@next在Index.js：-它位于应用程序的根文件夹中。
import 'materialize-css';
import 'materialize-css/dist/css/materialize.min.css';我还强烈推荐使用react应用程序非常方便的资料用户界面：https://material-ui.com/
Stack Overflow用户
发布于 2019-12-30 14:30:47
你可以跑
npm install --save materialize-css@next然后，您可以将其添加到index.js文件中，输入如下：
import 'materialize-css'; //This adds the Js file
import 'materialize-css/dist/css/materialize.min.css';Stack Overflow用户
发布于 2019-12-30 14:48:47
为了避免可能复杂的webpack设置，一个更简单的解决方案是暂时从他们的网站下载实际文件：
https://materializecss.com/getting-started.html
只需将他们的文件放在你的js文件夹中，并通过脚本标记引用它，就像他们在“”部分中所显示的那样。
我知道这不是最优雅的解决方案，但如果你匆忙的话，它可能会起作用，否则你需要研究如何在不触及代码的情况下包含webpack的项目。
https://stackoverflow.com/questions/59532394
复制相似问题
腾讯云开发者
