jjzjj

systemjs

全部标签

javascript - 如何使用 systemjs 在最小的 Angular 2 应用程序中加载 RxJS?

我无法使用RxJS获得最小的Angular2应用程序。我正在使用Typescript(tsc1.6.2)和systemjs进行模块加载。如何让systemjs正确加载Rx模块?我已经没有什么想法可以尝试了,如果能指出我做错了什么,我将不胜感激。模块加载对我来说有点神奇。非常令人沮丧。index.html:TitleApploading...System.config({packages:{'app':{defaultExtension:'js'}}});System.import('app/app');app.ts:///import{bootstrap,Component,View}

javascript - System JS一次调用加载多个依赖

查看systemjs的文档我找不到同时加载多个依赖项的示例。我希望api类似于...System.import(['jquery.js','underscore.js']).then(function($,_){//readytogowithbothjQueryandUnderscore...});我希望它使用promises并行加载所有依赖项,并在所有完成后执行回调。这可能吗?如果没有,是否有未实现此功能的原因? 最佳答案 这可以通过Promise.all实现:Promise.all([System.import('jquery'

javascript - 使用 System.js 的性能问题

我正在玩弄system.js(受angular2的启发,在他们的教程中使用它),但即使对于最微不足道的示例,我的性能也差得离谱。例如,以下代码在第二个(System.import之前的那个)和最后一个(在app.js中)控制台之间有26000ms(!)的延迟.log在本地运行时(因此没有网络延迟)index.html:System.jsSampleconsole.log("1:"+newDate().getTime());console.log('2:'+newDate().getTime());System.import('app.js');应用程序.js:console.log('

javascript - JSPM 服务器错误 : Change occurred to a file outside SystemJS loading

我有一个可用的JSPM托管应用程序,但它不会自动重新加载JSPM服务器中的更改。这是简单的index.html文件:System.import('./app');还有./app.js文件:import$from'jquery';$("body").append("TEST123");exportlet__hotReload=true;这行得通。但是,如果我对app.js文件进行更改,我会得到:�Clientconnected.JSPMwatchingenabledChangedetected:app.js✅SystemJSloaded.InitialisingChangeHandler

JavaScript拦截模块导入

我有一个使用SystemJS的SPA(在Aurelia/TypeScript中,但这应该无关紧要)。假设它在http://spa:5000/app上运行。它有时会根据需要从外部URL加载JavaScript模块,如waterservice/external.jshttp://otherhost:5002/fetchmodule?moduleId=waterservice.external.js。我使用SystemJS.import(url)来执行此操作并且工作正常。但是当这个外部模块想要使用一个简单的import{OtherClass}from'./other-class';导入另一个

javascript - 我怎么能使用 system.import() 到组件 Angular 2

我在thispost中看到您可以使用SystemJS将外部javascript文件加载到我在Angular2中的组件中。在我的index.html中:System.config({packages:{"frontOfficeA2/src":{format:'register',defaultExtension:'js'},"angular2-jwt":{"defaultExtension":"js"},"ng2-bootstrap":{"defaultExtension":"js"},"system":{"defaultExtension":"js"}},map:{"angular2-

javascript - ES6 导入 - 感叹号是什么意思?

我正在关注ChooseES6ModulesToday指南,我注意到他使用的其中一个导入语句末尾有一个感叹号:导入'bootstrap/css/bootstrap.css!';那个感叹号是什么意思?此导入语句出现在startup.js的第一行文件。 最佳答案 这意味着将调用一个插件来加载文件。默认情况下,插件/加载程序名称等于扩展名称。所以在你的例子中cssplugin将被调用以加载bootstrap/css/bootstrap.css文件。可以显式定义插件:import'bootstrap/css/bootstrap.css!css

javascript - 如何使用 JSPM 使用缩小的第三方 Javascript 文件

我的应用程序正在使用JSPM和SystemJS进行模块加载,并且正在使用Angular。我的config.js文件有像这样的Angular图:"angular":"github:angular/bower-angular@1.5.8"因此,当我执行importangularfrom'angular'时,我从config.js文件中指定的路径获取angular.js文件。那很好。现在的要求是我想在应用程序中使用缩小的第三方javascript文件(angular.min.js)。但是jspm中没有缩小文件registry所以我的应用程序的初始加载时间很长,因为有很多大文件,例如angul

javascript - Angular 2 : How to tell SystemJS to use a bundle?

我有一个Angular2RC7应用程序,我在其中使用SystemJS加载JavaScript文件。这是我当前的SystemJS配置:(function(global){System.config({defaultExtension:'js',defaultJSExtensions:true,paths:{'npm:':'node_modules/'},//Letthesystemloaderknowwheretolookforthingsmap:{//Ourappiswithintheappfolderapp:'app',//Angularbundles'@angular/core':

javascript - 我如何命名 SystemJS 包

我正在使用SystemJS构建器构建一个包,我想将其包含在另一个项目中。我遇到的问题是bundleA和bundleB可能都包含一个“主”模块,当我将它们捆绑在一起并将它们包含在另一个项目中时,它们会发生冲突,一切都会崩溃。SystemJS构建器是否有更好的命名空间方式?或者根本阻止捆绑模块被导出?或者我应该使用其他工具吗? 最佳答案 SystemJS没有简单的方法来做你想做的事。您可以按路径而不是按名称导入模块。importx1from"folder1/x.js"importx2from"folder2/x.js"您也可以尝试拥有两