Угловой импорт файлов Javascript в один файл Javascript

Question

В Angular 8 я импортирую файлы начальной загрузки css в мой файл styles.css следующим образом:

/* You can add global styles to this file, and also import other style files */
@import "~bootstrap/dist/css/bootstrap.min.css";
@import "~font-awesome/css/font-awesome.min.css";

Однако у меня есть файл js с именем main.js, и я хочу сделать то же самое дляjs зависимости, но браузер говорит, что в строке 1 есть синтаксическая ошибка. main.js выглядит следующим образом:

@import "~jquery/dist/jquery.slim.min.js";
@import "~popper.js/dist/popper.min.js";
@import "~bootstrap/dist/js/bootstrap.min.js";

А затем я планирую просто использовать main.js в разделе сценариев angular.json.Как мне импортировать файлы javascript в другой файл javascript с помощью оператора @import?

Answer 1

Вы должны поместить глобальные сценарии в свой angular.json, свойство "scripts".

 "scripts": [
          {
            "input": "node_modules/jquery/dist/jquery.min.js"
          }, 
          {
            "input": "node_modules/bootstrap/dist/js/bootstrap.min.js"
          }]