在Angle 5项目中使用JavaScript文件

Question

我正在使用Angular 5和带有Express的nodejs构建一个Web应用程序。 由于前端和后端都将在同一服务器上运行，因此我想在前端中使用后端javascript函数。 我找到的解决方案不适用于我。

appController.js

var createApp = function (appData) {
    console.log("App created")
}

exports.createApp = createApp;

这是我想在前端使用的后端文件。

Answer 1

在前端使用Javascript文件时，无需导出内容。 大多数时候，它们使用全局变量。 你应该去那。

要将其添加到项目中，请将其添加到所需的任何位置，并且可以在Typescript中使用

declare var myGlobalVariable: any;

// ...

myGlobalVariable.createApp();

Answer 2

我做了类似的事情。 我有一个使用Angular 5的前端和一个通过Express服务API的后端：

如果要在同一台服务器上运行Angular前端和NodeJS后端，则必须构建Angular项目并使用Express服务器提供已构建的文件。

我想我找到了关于它的教程-但是我现在找不到它了……也许可以看看我的后端代码： https : //github.com/saitho/ngHashi/blob/next/backend /src/index.ts

在生产模式下，它将默认提供/ backend / dist_frontend文件夹中的文件（后端路由（/ api）除外）。 我使用构建过程（GitLab CI）将所需的文件移动到各个位置...

Answer 3

我终于找到了解决方案。 有必要修改tsconfig.json：

tsconfig.json

{
  compilerOptions: {
       .....
       allowJS: true,
       ......
  }
}