[javascript] Angular Cli Webpack, 외부 js 파일을 추가하거나 번들링하는 방법은 무엇입니까?

Angular 7.xx와 함께 angular-cli 7.xx를 사용하여 마지막 테스트

이는 scripts:[]in을 사용하여 수행 할 수 있습니다 .angular-cli.json.

{
  "project": {
    "version": "1.0.0",
    "name": "my-project"
  },
  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": ["assets"],
      "index": "index.html",
      "main": "main.ts",
      "polyfills": "polyfills.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.json",
      "prefix": "app",
      "mobile": false,
      "styles": [
        "styles.css"
      ],
      "scripts": [
        "../node_modules/jquery/dist/jquery.js"
      ],
      "environments": {
        "source": "environments/environment.ts",
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts"
      }
    }
  ],
  "addons": [],
  "packages": [],
  "e2e": {
    "protractor": {
      "config": "./protractor.conf.js"
    }
  },
  "test": {
    "karma": {
      "config": "./karma.conf.js"
    }
  },
  "defaults": {
    "styleExt": "css",
    "prefixInterfaces": false
  }
}

참고 : 문서 가 전역 라이브러리 설치에서 제안한 대로 : styles(또는 scripts!) 속성 값을 변경하면 다음을 수행합니다.

실행중인 경우 서브를 다시 시작하십시오.

.. scripts.bundle.js파일을 통해 ** globalcontext에서 실행 된 스크립트를 확인 합니다.

참고 : 아래 설명에 설명되어 있습니다. jQuery와 같은 es6 가져 오기 를 통해 UMD 모듈을 지원하는 JS 라이브러리 는 es6 가져 오기 구문을 사용하여 typescript 파일로 가져올 수도 있습니다. 예 : import $ from 'jquery';.