javascript - 如何通过 Angular-cli@webpack 使用 Django

Question

我有一个正在运行的 Django 项目。我想用它来使用 Angular 2。我是 Angular 的新手，正在学习一些教程。我一直在关注this链接以将 Django 与 Angular2 一起使用。但是由于一些包不兼容，我想用 angular-cli 开始一个新的 Angular 项目并引入我的代码。但是 angular-cli 似乎删除了 systemjs.config.js，这是我必须编辑的文件以连接到 Angular2 中 Django 的初始 index.html 代码。那么，现在有 systemjs.config.js 的替代方案吗？任何有关 Django 与 Angular-cli@webpack 集成的教程、视频或文档的指针都将不胜感激。

Answer 1

将 Django 与使用 Angular CLI 生成的 Angular 2+ 应用程序集成非常简单直接。您可以简单地按照这些步骤操作，具体取决于您是处于开发阶段还是生产阶段。

在开发中:拥有 2 个服务器不是问题。

首先在您的 Django 项目中导航，然后使用 Angular CLI 生成一个 Angular 应用。

将 Angular CLI 配置为使用内置代理，这样您就可以在从 Angular 应用程序向 Django 后端发送请求时避免浏览器同源策略。

在 2 个独立的终端中启动 Angular CLI 服务器和 Django 本地服务器。

在生产环境中:您只需使用一台服务器。

您不能拥有两个服务器，因此您需要将 Angular 应用程序构建到 dist 文件夹中，然后使用 Django 为该文件夹中的 index.html 文件提供服务。

您可以按照此tutorial中的详细过程进行操作.