คำถามติดแท็ก systemjs

12
วิธีรวมแอป Angular สำหรับการผลิต
วิธีที่ดีที่สุดในการรวม Angular (รุ่น 2, 4, 6, ... ) สำหรับการผลิตบนเว็บเซิร์ฟเวอร์สดคืออะไร โปรดรวมเวอร์ชันแองกูลาร์ไว้ในคำตอบเพื่อให้เราสามารถติดตามได้ดีขึ้นเมื่อมันเปลี่ยนเป็นรีลีสในภายหลัง

18
Angular ไม่มีผู้ให้บริการสำหรับ NameService
ฉันมีปัญหาในการโหลดคลาสลงในคอมโพเนนต์ Angular ฉันพยายามแก้ไขมันมาเป็นเวลานาน ฉันได้ลองรวมทั้งหมดในไฟล์เดียว สิ่งที่ฉันมีคือ: 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'; …

3
อะไรคือความแตกต่างระหว่าง SystemJS และ Webpack?
ฉันกำลังสร้างแอปพลิเคชัน 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': …

8
เชิงมุม - ความหมายของ module.id ในองค์ประกอบคืออะไร?
ในแอปเชิงมุมผมได้เห็นว่ามีคุณสมบัติ@Component moduleIdมันหมายความว่าอะไร? และเมื่อmodule.idไม่ได้มีการกำหนดไว้ทุกที่แอปก็ยังทำงานได้ มันยังทำงานได้อย่างไร @Component({ moduleId: module.id, selector: 'ng-app', templateUrl: 'app.component.html', styleUrls: ['app.component.css'], directives: [AppComponent] });

17
คุณจะปรับใช้แอพเชิงมุมได้อย่างไร
คุณจะปรับใช้แอพเชิงมุมเมื่อพวกเขามาถึงขั้นตอนการผลิตได้อย่างไร คำแนะนำทั้งหมดที่ฉันเคยเห็น (แม้กระทั่งในangular.io ) กำลังนับบน lite-server สำหรับการให้บริการและ browserSync เพื่อแสดงการเปลี่ยนแปลง - แต่เมื่อคุณเสร็จสิ้นการพัฒนาคุณจะเผยแพร่แอพได้อย่างไร? ฉันจะนำเข้า.jsไฟล์ที่รวบรวมทั้งหมดในindex.htmlหน้าหรือฉันจะลดขนาดพวกเขาโดยใช้อึก? พวกเขาจะทำงานอย่างไร ฉันต้องการ SystemJS ทั้งหมดในเวอร์ชันการผลิตหรือไม่

3
การดีบักใน Web Inspector ของ Safari เมื่อใช้ตัวโหลดโมดูลเช่น SystemJS
ฉันสร้างIonicapp ที่ใช้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 อย่างไรก็ตามเมื่อทำการดีบักโดยใช้ Web Inspector ของ Safari ฉันไม่สามารถวางเบรกพอยต์ในสคริปต์ได้เนื่องจาก Web Inspector แสดงเฉพาะสคริปต์ที่โหลดโดยตรงจาก HTML (ผ่านแท็กสคริปต์) ไม่ใช่สคริปต์ที่โหลดโดย XHR …

7
ฉันจะปรับใช้แอพ Angular 2 + typescript + systemjs ได้อย่างไร
มีบทช่วยสอนที่รวดเร็วกว่าที่ angular.io ซึ่งใช้ typescript & systemjs ตอนนี้ฉันมีแอป miniapp ที่ทำงานอยู่ฉันจะสร้างสิ่งที่ใช้งานได้อย่างไร ฉันไม่พบข้อมูลใด ๆ เกี่ยวกับเรื่องนี้เลย ฉันต้องการเครื่องมือพิเศษใด ๆ การตั้งค่าเพิ่มเติมใน System.config หรือไม่? (ฉันรู้ว่าฉันสามารถใช้ webpack และสร้าง bundle.js เดียวได้ แต่ฉันต้องการใช้ systemjs ตามที่ใช้ในบทช่วยสอน) มีใครสามารถแบ่งปันขั้นตอนการสร้างของพวกเขาด้วยการตั้งค่านี้ (Angular 2, TypeScript, systemjs)
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.