将JavaScript库导入NativeScript
我正在学习NativeScript。 我有一个基本的应用程序工作。 我现在正试图导入一个我以前用过的JavaScript库。 我正在导入库使用:
npm install git://github.com/my-company/my-project.git --save
我已经确认包正在安装。 在我的视图模型中,然后添加以下内容:
var MyLibrary = require('MyLibrary');
这一行本身导致应用程序崩溃。 基本上,NativeScript似乎无法find它(或加载它)。 我看了一下,我可以看到“node_modules”目录下的“MyLibrary”目录。 目录结构如下所示:
. node_modules MyLibrary dist MyLibrary.min.js src MyLibrary.js package.json
MyLibrary.js文件如下所示:
class MyLibrary { process(vals) { let result = 0; if (vals) { vals.forEach(function(val) { result = result + val; }); } return result; } } module.exports = MyLibrary;
“MyLibrary.min.js”文件是通过Babel运行并将其转换为ES5的结果。 我究竟做错了什么? 我只是想获得下面的代码到我的视图模型:
var MyLibrary = require('MyLibrary'); var library = new MyLibrary(); var result = library.process([1, 2, 3, 4]);
- 在你的
package.json
,添加一个像这样的属性:
{ "main": "./dist/MyLibrary.min.js" }
- 在你的代码中,像这样使用你的模块:
var MyLibraryModule = require('MyLibrary'); var library = new MyLibraryModule.MyLibrary(); var result = library.process([1, 2, 3, 4]);