title: Angular 4 extend base component
body: <p>I have a Base Component which is extended by its childs, but when we create a new Component in Angular using angular-cli it creates html and css files, but I will not use these files from base component.</p>
  
  <p>Is there a way to create a Base Component without html and css?</p>
  
  <pre><code>import { Component, OnInit, Input } from '@angular/core';
  
  @Component({
    selector: 'app-base',
    templateUrl: './base.component.html', //I dont need this
    styleUrls: ['./base.component.css'] ////I dont need this
  })
  export class BaseComponent implements OnInit {
  
    constructor() {}
  
    ngOnInit() {}
  
  }
  
  
  import { Component } from '@angular/core';
  
  import { BaseComponent } from '../base/base.component';
  
  @Component({
    selector: 'app-child',
    templateUrl: './child.component.html',
    styleUrls: ['./child.component.css']
  })
  export class ChildComponent extends BaseComponent {
  
    constructor() {
      super();
    }
  
    ngOnInit() {
    }
  
  }
  </code></pre>