在Angular / Ionic应用程序中使用'normal'npm模块

mvermand

我想在Angular / Ionic应用程序中读取.plist文件。

我找到了以下npm模块:https ://www.npmjs.com/package/plist

我在项目中安装了它,现在我想知道在Angular代码中调用它的最佳方法是什么?

现在我已经做到了

const plist = require('plist');
const data = plist.parse(plistXML);

尽管WebStorm抱怨说它不知道'require',但这是可行的。我想知道是否有更好的方法。

我也发现这种方式:

import * as plist from 'plist';
...
const data = plist.parse(plistXML);

哪一种是首选方式?还是有更好的方法?

谢谢

Omkar porje

我们使用Typescript / Es6编写的离子(Angular)代码,它使用webpack作为模块捆绑程序。因此,模块代码是以ES6方式编写的,而babel会将其转换为CommonJS(必需)

使用“导入”方式对于使用Roll up或Webpack 2进行“摇树”很有用。它有助于减小捆绑的js的大小。我建议导入所需的模块并使用它

import {required_module} as plist from 'plist';
...
const data = plist.parse(plistXML);

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在Typescript中使用npm模块

在我的Angular JS应用程序中,我想知道控制器中使用了哪些服务,模块?

在Angular应用程序中嵌套模块

如何在ionic + cordova + angular应用程序中使用cordova-universal-links-plugin?

如何在带有SystemJs模块系统的Angular 4应用程序中使用ngx-bootstrap

如何在angular2 / ionic 2打字稿应用程序中使用Numeral.js库?

在React应用程序中使用Jest模拟导入/模块

如何在angular中使用plyr npm模块在Angular2中创建视频播放器?

如何在Ionic / Angular应用程序中使用stripe.js

在Ionic 3 / Angular 5应用程序中使用NPM模块

使用MVC5应用程序延迟加载Angular模块时出错

指定要在Angular中使用的NPM模块平台

在Angular和Ionic应用程序中使用异步/等待的正确方法

如何创建准备提取可重复使用的ng模块的Angular 7应用程序?

使用Angular Ionic4应用程序延迟加载嵌套模块无法正常工作?

在Angular模块中使用

在Angular应用程序中使用ES6模块库和意外的令牌“导出”错误

使用依赖的npm模块

如何在angular2-meteor应用程序中使用momentjs npm-package?

如何在 angular 2 应用程序中使用 npm 为工具提示安装 qtip2?

为什么在 angular 应用程序模块中使用点像这样导出默认 angular.module('myapp.report.edit', [])

在 ionic 3 应用程序中使用 httpClient 模块的 Http 请求失败

如何导入共享模块(使用 Angular Material)来测试 Angular 应用程序?

在带有 NPM 的 Angular 4 应用程序中使用分叉的 Angular-CLI

在模块中使用 R Shiny 应用程序下载 powerpoint

如何在 Angular/Ionic 应用程序中使用服务内部的多个模型?

在 Ionic 4 / Angular 应用程序中使用 Observables 的正确方法

如何使用可以相互访问的多个模块正确构建 angular 应用程序?

Angular 11 库模块已导入但未在消费应用程序中使用