我在应用程序中使用Parceljs（https://github.com/parcel-bundler/parcel）和React。我决定使用Prime React组件，因为它们的接缝非常牢固且结构良好。我已经用npm成功安装了Prime React，当然所有的js和css文件都位于node_modules / primereact文件夹中。另外，所有css文件（包括所有免费主题的css文件）都位于node_modules / primereact / resources文件夹中。
在Prime React文档中，他们仅提及Prime React组件能够正常工作所需的css文件是什么，并提供了有关使用webpack时如何导入css文件的示例。
这是指向Prime React组件的“入门”文档部分的链接：
https://www.primefaces.org/primereact/#/setup
根据文档，如果我使用的是webpack，则可以使用以下导入命令导入css文件：
import 'primereact/resources/themes/nova-light/theme.css';
import 'primereact/resources/primereact.min.css';
import 'primeicons/primeicons.css';
但是，如果我使用的是Parceljs Bundler，那么导入CSS文件的最佳方法是什么？
很显然，我可以将css文件从node_modules / primereact / resources文件夹复制到我的应用程序文件夹中，并且只需使用链接正常导入css文件即可：
<link rel="stylesheet" type="text/css" href="mystyle.css">
但是那样，我不能只用npm更新prime反应并获取最新文件。
解决此问题的最佳方法是什么？
答案 0 :(得分：0)
该问题的答案是，我不知道在使用导入命令时，Parcel还将查找node_modules文件夹。因此，根据包裹文件：
您可以使用导入命令导入css文件：
import './index.css';
<link rel="stylesheet" type="text/css" href="index.css">
但这也意味着如果在应用程序文件夹中找不到该文件，则导入命令将查找到node_modules文件夹。因此，我已经使用MainApp.js文件中的以下命令成功导入了Prime React css文件：
import "primereact/resources/themes/nova-light/theme.css";
import "primereact/resources/primereact.min.css";
import "primeicons/primeicons.css";
实际上与Webpack相同。