Questions tagged «systemjs»

捆绑Angular（版本2、4、6，...）以在实时Web服务器上进行生产的最佳方法是什么。 请在答案中包括Angular版本，以便在移至更高版本时可以更好地进行跟踪。

353 angular  webpack  systemjs  angular-cli 

我在将类加载到Angular组件时遇到问题。我已经尝试解决很长时间了；我什至尝试将它们全部合并到一个文件中。我所拥有的是： 应用程序 /// <reference path="../typings/angular2/angular2.d.ts" /> import {Component,View,bootstrap,NgFor} from "angular2/angular2"; import {NameService} from "./services/NameService"; @Component({ selector:'my-app', injectables: [NameService] }) @View({ template:'<h1>Hi {{name}}</h1>' + '<p>Friends</p>' + '<ul>' + ' <li *ng-for="#name of names">{{name}}</li>' + '</ul>', directives:[NgFor] }) class MyAppComponent { name:string; names:Array<string>; constructor(nameService:NameService) { this.name = 'Michal'; this.names = nameService.getNames(); } …

325 typescript  angular  systemjs 

我正在创建我的第一个Angular应用程序，我将弄清楚模块加载器的作用是什么。为什么我们需要它们？我试图在Google上进行搜索，但我不明白为什么我们需要安装其中之一来运行我们的应用程序？ 仅使用它import从节点模块中加载内容就不够了吗？ 我已经按照本教程（使用SystemJS）进行了学习，它使我可以使用systemjs.config.js文件： /** * System configuration for Angular samples * Adjust as necessary for your application needs. */ (function(global) { // map tells the System loader where to look for things var map = { 'app': 'transpiled', // 'dist', '@angular': 'node_modules/@angular', 'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api', 'rxjs': 'node_modules/rxjs' }; // packages tells …

222 angular  webpack  systemjs  node-modules 

在Angular应用中，我已经看到@Component具有property moduleId。这是什么意思？ 当module.id未在任何地方定义时，该应用程序仍然可以运行。它仍然如何工作？ @Component({ moduleId: module.id, selector: 'ng-app', templateUrl: 'app.component.html', styleUrls: ['app.component.css'], directives: [AppComponent] });

221 angular  systemjs  angular2-components 

进入生产阶段后，如何部署Angular应用程序？ 到目前为止，我所见过的所有指南（甚至在angular.io上）都依靠可用于服务的Lite服务器和browserSync来反映更改-但是在完成开发后，如何发布应用程序？ 我要.js在index.html页面上导入所有已编译的文件还是使用gulp缩小它们？他们会工作吗？生产版本中是否完全需要SystemJS？

194 typescript  angular  production  systemjs 

我创建一个Ionic使用应用程序es6 modules，TypeScript并SystemJS作为一个模块加载器。这是我的设置： tsconfig.json： { "compilerOptions": { ... "target": "es5", "module": "system", ... } } index.html： <script src="lib/system.js"></script> <script src="systemjs.config.js"></script> <script>System.import('js/app.js')</script> 示例脚本（TypeScript）： import {IConfig} from "./app-config"; export class ConfigLoader { ... } Chrome一切正常。但是，在使用Safari的Web Inspector进行调试时，我无法在脚本中放置任何断点，因为Web Inspector仅显示直接从HTML（通过脚本标记）加载的脚本，而不显示XHR（在我的情况下是通过SystemJS）加载的脚本。这意味着我无法调试自己的脚本，这当然是不可接受的。 我试图像以前一样通过使用SystemJS来解决此问题，但也将脚本标签放置在html中，如下所示： <script src="lib/system.js"></script> <script src="systemjs.config.js"></script> <script src="js/app-config.js"></script> ... other app scripts <script>System.import('js/app.js')</script> 但是，这不起作用，因为SystemJS对此并不满意： 无效的System.register调用。匿名System.register调用只能由SystemJS.import加载的模块进行，而不能通过脚本标签进行。 如何使用SystemJS，同时又可以在Safari中进行调试？我正在寻找比“在每个脚本中放入调试器语句”更复杂的解决方案。

121 javascript  safari  ecmascript-6  systemjs  web-inspector 

在angular.io上有一个快速入门教程，它使用打字稿和systemjs。既然我已经运行了该miniapp，我将如何创建可部署的东西？我找不到任何有关它的信息。 我是否需要任何其他工具，System.config中的任何其他设置？ （我知道我可以使用webpack并创建一个bundle.js，但我想使用本教程中使用的systemjs） 有人可以通过此设置（Angular 2，TypeScript，systemjs）共享其构建过程吗？

103 typescript  angular  systemjs