如何在Android Studio的React本机项目中包含外部库？

Question

我正在将网络应用移植到Android Studio中的React应用。我正在使用外部库（这个：https://trackingjs.com/）。因为我对Android Studio和React还不熟悉，所以我确定如何正确地完成它。在我的webapp中，我只是用脚本标记包含它。

我将库保存到我的项目文件夹中，与index.android.js文件位于同一目录中。我宁愿不以任何方式改变tracking.js中的代码。我不知道该怎么办。这一定是一个常见的问题，但我很幸运找到了有效的方法。

Answer 1

如果可以从npm获得，你可以使用npm install packageName --save然后使用来自＆＃39; packages.js＆＃39;

的导入包

请记住反应本机不是javascript，并且某些浏览器特定的功能不会转换，换句话说，您使用的插件可能无法在本机中起作用。

Btw不需要android studio，除了启动模拟设备运行本机响应。你应该能够反应本机run-android并提供你正确设置模拟设备它将启动包管理器并安装你的应用程序，然后刷新保存。您使用的是本地cli吗？

在您的网络应用中，您应该能够使用let tracking = require（＆＃34; tracking.js＆＃34;）或使用上面的导入样式来包含它。如果你这样做，应该连接到你的main.js文件，然后缩小，这可能会有所帮助。最好只下载一次。

Answer 2

根据@ liminal18的评论，这对我有用，使用Tracking.js：

$ npm install tracking

在命令行上，然后在index.android.js

中

import {
Tracking
} from 'tracking';

这只是为了让包含的库没有错误。由于Tracking.js是基于网络的，因此可能存在实际使用它的问题，但是上面的操作解决了包含外部库的问题。