由于某种原因,--prod
cli标志从编译的输出中删除了导航栏。知道为什么吗?
我的app.component是这样的:
import { Component } from '@angular/core';
import { ROUTER_DIRECTIVES } from '@angular/router';
@Component({
selector: 'app-root',
template: `
<nav-bar></nav-bar>
<router-outlet>
</router-outlet>`,
directives: [ROUTER_DIRECTIVES]
})
export class AppComponent {}
我的导航栏组件:
import { Component, OnInit } from '@angular/core';
import { GlobalEvent } from '../shared/global.event'
import { Http, Response } from '@angular/http';
@Component({
selector: 'nav-bar',
templateUrl: 'navbar.component.html',
providers: [GlobalEvent],
styleUrls: ['navbar.component.css'],
})
export class NavbarComponent implements OnInit {
...
}
注:具有--dev
标志的建筑按预期工作。我希望这不是cli的问题
显然这是angular-cli的一个已知问题。看到这里。
Fix is going to nano node_modules/angular-cli/addon/ng2/models/webpack-build-production.ts
和变化的mangle: { screw_ie8 : true }, //prod
到mangle: { screw_ie8 : true, keep_fnames:true }, //prod