Javascript 在extjs项目中使用矩.js

Javascript 在extjs项目中使用矩.js,javascript,node.js,extjs,extjs5,sencha-cmd,Javascript,Node.js,Extjs,Extjs5,Sencha Cmd,我正在使用6.5.2版本和现代工具包开发一个Extjs项目,我想使用package,但我无法导入node_依赖项。 Momentjs页面有下载或安装方法,但是如果我下载代码,我想使用任何方法,这会引发异常,如果我使用“npm install moment--save”命令安装包,我不知道如何导入和调用它 有人可以帮助我在extjs中导入此依赖项。@Carlos您可以按照Akrion的建议在index.html文件中添加脚本标记 另一种方式- 在app.json文件中,您可以在js[]中添加以下内

我正在使用6.5.2版本和现代工具包开发一个Extjs项目,我想使用package,但我无法导入node_依赖项。 Momentjs页面有下载或安装方法,但是如果我下载代码,我想使用任何方法,这会引发异常,如果我使用“npm install moment--save”命令安装包,我不知道如何导入和调用它


有人可以帮助我在extjs中导入此依赖项。

@Carlos您可以按照Akrion的建议在index.html文件中添加脚本标记

另一种方式- 在app.json文件中,您可以在js[]中添加以下内容-

"js":[
      {
        "path": "https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js",
        "remote": true
      }
]
添加后,您需要进行sencha应用程序刷新或sencha应用程序构建

然后在应用程序代码中,您可以像下面这样使用它-

var welcomeText = 'Welcome to Sencha Fiddle! Today is: '+ moment(new Date()).format("MM-DD-YYYY");
Ext.Msg.alert('Welcome message',welcomeText);

另一种方法是混合

此mixin允许用户在其应用程序中轻松地需要外部脚本 上课。此加载过程延迟应用程序启动(Ext.onReady) 直到加载所有这样的脚本,确保您的类 从一开始就可以访问所需的脚本

因此您可以有一个Moment.js适配器类,如下所示:

Ext.define('MomentjsAdapter', {
    mixins: ['Ext.mixin.Mashup'],

    requiredScripts: [
        'https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js'
    ],
    ...
});

我非常喜欢这一点,因为您将外部依赖关系保持在使用它的位置附近。当您想要删除依赖项或在其他地方/项目中重用它时,这非常方便。

谢谢,最好不用处理索引和使用app.json