Python Flask 和 Angular 6 集成

Question

我必须使用 Flask 和 Angular 6 创建一个 多处理程序 GUI。我是 Flask 和 Angular 的新手。为了创建应用程序，两者都使用不同的文件夹结构。我不确定如何将 Flask 与 Angular 集成以及如何保持文件夹结构。

Answer 1

您将必须构建 Angular 项目并将其提供给 Flask。使用ng build 构建Angular 项目。这将创建一个名为 dist 的文件夹，其中包含 javascript 代码，这些代码是从您的打字稿代码、css 代码和 index.html 编译而来的。要将这些提供给 Flask，将生成的静态脚本（js 和 css）复制到 static 文件夹，将生成的 index.html 复制到 Flask 项目的模板文件夹。

对于生产模式，使用ng build --prod 构建Angular 项目。 ng build --prod 创建一个 dist.rar 文件，解压缩后会给出与上述相同的 dist 文件夹。然后按照上面提到的相同步骤。