Как обойти ng serve после апдейта js файлов, вызываемых в компоненте?

Question

[Дмитрий]

В компоненте я добавляю js код через

/some.component.ts

//some.component.ts    
ngAfterViewInit() {
        this._script.load('somefile.js');
    }

И если я его меняю, то нужно передергивать весь сервак и долго ждать, чтобы посмотреть изменения. Есть решение без перезагрузки?

Answer 1

[Абдулла Мурсалов]

зачем вам такое понадобилось? подключайте через .angular.cli.json

Comments

[Дмитрий]

Вот есть компонент, в нем шаблон, который использует внешний js файл. Этот файл я подключаю через ngAfterViewInit()
Если я делаю в файле js какие-либо изменения, то увидеть их можно только передернув сервак через ng serve
А это очень долго. А можно поподробней как подключать это через .angular.cli.json? Ведь мне не глобально нужно это подключать, а только в рамках этого компонента

[Абдулла Мурсалов]

Дмитрий, например, установка jquery

npm install jquery --save
npm install @types/jquery --save-dev

// .angular.cli.json
...
"scripts": [
    "..node_modules/jquery/dist/jquery.min.js"
]
...

// src/tsconfig.app.json
...
"types": ["jquery"]
...

Теперь можете использовать jQuery

import {Component, ElementRef, OnInit} from '@angular/core';

@Component({
  selector: 'simple-component',
  templateUrl: './simple.component.html',
  styleUrls: ['./simple.component.scss']
})
export class SimpleComponent implements OnInit {

  constructor(private elementRef: ElementRef) {}

  ngOnInit() {
    jQuery(this.elementRef.nativeElement).html('jquery')
  }
}