タグ付けされた質問 「systemjs」

Angular（バージョン2、4、6、...）をライブWebサーバーでの運用にバンドルするための最良の方法は何ですか。 Angularのバージョンを回答に含めてください。これにより、今後のリリースに移行したときに追跡しやすくなります。

353 angular  webpack  systemjs  angular-cli 

Angularコンポーネントにクラスをロードするときに問題が発生しました。私は長い間それを解決しようとしてきました。すべてを1つのファイルに結合することも試みました。私が持っているのは： Application.ts /// <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(); } …

326 typescript  angular  systemjs 

私は最初のAngularアプリケーションを作成しており、モジュールローダーの役割を理解します。なぜそれらが必要なのですか？Googleで検索して検索しようとしましたが、アプリケーションを実行するためにそれらの1つをインストールする必要がある理由がわかりません。 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は、プロパティがあることを確認しました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でも）は、変更を反映するために、ライトサーバーと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インスペクターを使用してデバッグする場合、Webインスペクターは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 

typescriptとsystemjsを使用するクイックスタートチュートリアルがangular.ioにあります。ミニアプリを実行したので、展開可能なものを作成するにはどうすればよいですか？それに関する情報はまったく見つかりませんでした。 System.configに追加のツールや追加の設定が必要ですか？ （webpackを使用して単一のbundle.jsを作成できることはわかっていますが、チュートリアルで使用されているsystemjsを使用したいと思います） 誰かがこのセットアップで構築プロセスを共有できますか（Angular 2、TypeScript、systemjs）

103 typescript  angular  systemjs