如何以角度管理js文件

Question

我正在开发一个MEAN应用程序，我的文件夹结构如下：

我在/ angular / src / assets / js下添加了一个js文件，用于一些jQuery事情。

为此，我使用npm安装了jQuery。

现在我需要通过 angular.cli.json 文件调用该js文件。

angular.cli.json：

"apps": [
{
  "root": "angular/src",
  "outDir": "angular/dist",
  "assets": [
    "assets",
    "favicon.ico"
  ],
  "index": "index.html",
  "main": "main.ts",
  "polyfills": "polyfills.ts",
  "test": "test.ts",
  "tsconfig": "tsconfig.app.json",
  "testTsconfig": "tsconfig.spec.json",
  "prefix": "app",
  "styles": [
    "styles.css"
  ],
  "scripts": [
     "../node_modules/jquery/dist/jquery.min.js",
     "../src/assets/js/custom.js"
  ],

由于我将根指向＆＃34; angular / src＆＃34;，因此在脚本部分中包含jquery.min.js存在问题，该部分位于＆＃34; mean / node_modules /＆ ＃34;结束于＆＃34;未找到＆＃34;错误。

angular.cli.json文件寻找＆＃34; node_modules / jquery / dist / jquery.min.js＆＃34;在＆＃34; angular / src＆＃34;内根路径。

有没有办法解决这个问题而不改变我的文件夹结构？

需要别人的宝贵帮助。

Answer 1

最简单的方法是直接在index.html中链接js文件。

如果您希望通过角度进行编译和维护，请查看此链接

How to include external js file in Angular 4 and call function from angular to js

https://www.thepolyglotdeveloper.com/2016/01/include-external-javascript-libraries-in-an-angular-2-typescript-project/

Answer 2

是。从angular.cli.json中删除脚本链接，然后将其包含在带有脚本标记的索引html中。

工作正常。