Angular Cli Webpack，如何添加或Bundle 外部 js 文件

Last tested using angular-cli 11.x.x with Angular 11.x.x

这可以通过使用angular.json中的scripts:[]来实现.

{
  "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
  }
}

Note:在全局库安装中为the documentation suggests:如果更改styles(或scripts！)的值那么:

如果正在运行，请重新启动ng serve，

…通过scripts.bundle.js文件查看在**globalcontext中执行的脚本.

Note:如以下 comments 所述.通过es6 imports支持UMD模块的JS LIB，比如jQuery，也可以使用es6导入语法导入到typescript文件中.例如:import $ from 'jquery';.