Angular2 CLI was unterscheidet sich von ng build und auto reload?

Question

Wenn ich ng build mache habe ich eine Reihe von Dateien in meinem Ordner.

Aber wenn eine Datei ändern mit den magischen Skripten erkannt wird, der die Browser-Seite, und einige andere Magie neu zu laden, die sie tun, mein dist/vendor Ordner irgendwie „geschraubt“ wird. Schauen Sie:

Das ist mein angular-cli-build.js ist, die dafür verantwortlich sein sollte, aber ich sehe nicht, wie:

var Angular2App = require('angular-cli/lib/broccoli/angular2-app'); 

module.exports = function(defaults) { 
    return new Angular2App(defaults, { 
    vendorNpmFiles: [ 
     'systemjs/dist/system-polyfills.js', 
     'systemjs/dist/system.src.js', 
     'zone.js/dist/**/*.+(js|js.map)', 
     'es6-shim/es6-shim.js', 
     'reflect-metadata/**/*.+(js|js.map)', 
     'rxjs/**/*.+(js|js.map)', 
     '@angular/**/*.+(js|js.map)', 
     // above are the existing entries 
     // below are the AngularFire entries 
     'angularfire2/**/*.js', 
     'firebase/*.js', 
     '@angular2-material/**/*.js', 
     'ng2-uploader/*.js', 
     'underscore/underscore.js', 
     'primeng/**/*.js', 
     'primeui/**/*.*' 
    ] 
    }); 
}; 

Dies ist package.json:

{ 
    "name": "test", 
    "version": "1.0.0", 
    "license": "MIT", 
    "angular-cli": {}, 
    "scripts": { 
    "start": "ng serve", 
    "postinstall": "typings install", 
    "lint": "tslint \"src/**/*.ts\"", 
    "test": "ng test", 
    "pree2e": "webdriver-manager update", 
    "e2e": "protractor" 
    }, 
    "private": true, 
    "dependencies": { 
    "@angular/common": "2.0.0-rc.1", 
    "@angular/compiler": "2.0.0-rc.1", 
    "@angular/core": "2.0.0-rc.1", 
    "@angular/http": "2.0.0-rc.1", 
    "@angular/platform-browser": "2.0.0-rc.1", 
    "@angular/platform-browser-dynamic": "2.0.0-rc.1", 
    "@angular/router": "3.0.0-alpha.3", 
    "@angular2-material/button": "^2.0.0-alpha.6", 
    "@angular2-material/checkbox": "^2.0.0-alpha.6", 
    "@angular2-material/core": "^2.0.0-alpha.6", 
    "angularfire2": "^2.0.0-beta.2", 
    "es6-shim": "0.35.1", 
    "firebase": "^3.0.5", 
    "ng2-slim-loading-bar": "^1.2.3", 
    "primeng": "^1.0.0-beta.9", 
    "primeui": "^4.1.12", 
    "reflect-metadata": "0.1.3", 
    "rxjs": "5.0.0-beta.6", 
    "systemjs": "0.19.26", 
    "underscore": "^1.8.3", 
    "zone.js": "0.6.12" 
    }, 
    "devDependencies": { 
    "angular-cli": "1.0.0-beta.6", 
    "codelyzer": "0.0.20", 
    "ember-cli-inject-live-reload": "1.4.0", 
    "jasmine-core": "2.4.1", 
    "jasmine-spec-reporter": "2.5.0", 
    "karma": "0.13.22", 
    "karma-chrome-launcher": "0.2.3", 
    "karma-jasmine": "0.3.8", 
    "protractor": "3.3.0", 
    "ts-node": "0.5.5", 
    "tslint": "3.11.0", 
    "typescript": "1.8.10", 
    "typings": "0.8.1" 
    } 
} 

Dies ist meine 3-Party-Bibliotheken zu vermasseln. Warum passiert dies?

Answer 1

Eine einfache Antwort ist, dass der Server noch läuft, wenn Sie ng build tun, wenn Sie den Server stoppen und zu tun ng build und dann ng serve die Dateien laufen im Kreditoren Ordner bleiben sollten.