javascript - 将自定义 none npm js 文件包含到 angular 2 中

Question

我目前构建的应用程序使用 typescript 在 angular 2.0.0 final 环境中运行。此外，它使用 angular-cli 1.0.0-beta.15。

由于整个应用程序是由几个不同的开发人员(全部使用 typescript)开发的，所以我得到了一些 .js 文件，这些文件是从 typescript 编译的并且应该包含在我的 Angular 2 应用程序中并使用。

然而，我的问题是，我似乎无法找到一种方法来集成 .js 文件并将其用于例如一个组件。

我已经检查过了this所以问题以及this官方 repo 中的问题，但这些答案都不适合我。

我什至尝试了一种解决方法，我将 .js 文件全局包含在 angular-cli.json 中，如下所示:

"scripts": [
    "../path/to/custom.js"
]

我如何(通常和专门针对这种情况)包含自定义 .js 文件，这些文件不是像npm 模块或任何 d.ts 文件。

编辑:

使用 angular-cli.json 包含自身似乎运行良好，但现在我仍然找不到使用脚本方法的方法。每当我这样做

declare var customJsObject: any;

它抛出一个

EXCEPTION: Uncaught (in promise): 
Error: Error in CustomComponent caused by: customJsObject is not defined

Answer 1

来 self 的项目:

{
"project" : {
    "version": "1.0.0-beta.15",
    "name"   : "my-project"
},
"apps"    : [
    {
        "root"        : "src",
        "outDir"      : "dist",
        "assets"      : "assets",
        "index"       : "index.html",
        "main"        : "main.ts",
        "test"        : "test.ts",
        "tsconfig"    : "tsconfig.json",
        "prefix"      : "",
        "mobile"      : false,
        "styles"      : [
            "sass/application.scss",
            "assets/fonts/bebas/bebasneue.css"
        ],
        "scripts"     : [
            "../node_modules/jquery/dist/jquery.js",
            "../node_modules/fastclick/lib/fastclick.js",
            "../node_modules/jquery.cookie/jquery.cookie.js",
            "../node_modules/jquery-placeholder/jquery.placeholder.js",
            "../node_modules/foundation-sites/dist/foundation.js",
            "../node_modules/jquery-ui/ui/version.js",
            "../node_modules/jquery-ui/ui/plugin.js",
            "../node_modules/jquery-ui/ui/widget.js",
            "../node_modules/jquery-ui/ui/widgets/mouse.js",
            "../node_modules/jquery-ui/ui/widgets/draggable.js",
            "assets/rollbar.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"        : "scss",
    "prefixInterfaces": false
}
}

解决方案编辑:

对于这个特定问题，存在导致问题的命名问题。一般来说，提供的答案“在 angular-cli.json 中输入脚本”是正确的。

之后唯一需要做的就是

declare var customJsObject: any;

在你要使用的custom.js组件中。