在使用 create-react-app 创建的 reactjs 应用程序中导入 node_module dist js 文件答案

【问题标题】：Import a node_module dist js file in reactjs application created using create-react-app在使用 create-react-app 创建的 reactjs 应用程序中导入 node_module dist js 文件
【发布时间】：2019-12-12 19:23:49
【问题描述】：

我是 reactjs 和 nodejs 的新手，我使用 create-react-app 创建了一个应用程序，并包含了一个第三方节点依赖项，其中包含一个带有 css 和 js 的 dist 文件夹。由于我无法在公共文件夹中的index.html 中添加/引用 js 和 css 文件，因此我尝试了以下方法。

在 src 文件夹中包含 index.js 中的 css 和 js 文件引用。
在 public 文件夹中添加了 dist 文件夹，并在 index.html 中添加了引用。在这两种情况下，我认为文件都包含在内，但是当我创建下拉菜单时，js 功能不起作用，但 css 正在加载。试过调试js，认为js在组件加载之前就解析好了。

如何在 react 应用程序中引用第三方节点模块 dist js 文件。

【问题讨论】：

通常你在项目根目录下通过在终端输入npm install xxx来加载一个npm依赖。然后您可以看到它们在package.json 中列出并加载到文件夹npm_modules 中。然后您可以使用import 语句导入它们，如下所述：stackoverflow.com/questions/56463833/…
能否查看网络标签，看看js文件是否加载完毕？
是的，npm install xxx 做了同样的事情，并且在 index.js 文件中做了 import 和 require 语句。文件在 static/js/folderpath/node_modules/@xxx/js/ 内，调试相同，页面加载时加载。当我尝试包含一个组件时，css 会得到反映。它是来自第三方的 dist 文件。我应该在组件中包含相同的内容吗？

标签： javascript node.js reactjs lazy-loading node-modules

【解决方案1】：

看来您基本上想将该节点模块作为组件添加到您的项目中，因此您可以将该组件代码添加到您的 my-project/src/component 路径（不是 dist 文件）中，然后导入该组件，无论您在哪里/无论如何想用它。

如有进一步疑问，请在下方评论。

【讨论】：

添加一个node模块作为组件？有参考吗？