我可以将 Angular 应用程序添加到我的 wordpress 网站吗？答案

【问题标题】：Can I add anuglar app to my wordpress site?我可以将 Angular 应用程序添加到我的 wordpress 网站吗？
【发布时间】：2019-02-25 22:32:44
【问题描述】：

所以我建立了一个使用 GoogleBooksAPI 获取一些书单的 Angular 网站。然后我将它显示在我的单页应用程序上。

现在，我想以某种方式部署它，看看它是否正常工作。所以我尝试将项目添加到 github 页面。 github项目链接：

而且失败了.. 所以我想了一个不同的选择。我有一个域和一个 wordpress 站点。也许我可以将文件添加到我的 Cpanel 并将其加载到我的域中？或者我可以直接从wordpress做吗？试图寻找答案，找不到。请帮忙。谢谢你:)

【问题讨论】：

当你有一个使用 Angular cli 的 Angular 应用程序时，运行 ng build 来构建项目。构建工件将存储在 dist/ 目录中。使用 --prod 标志进行生产构建。然后将内容从 dist/ 文件夹复制到您选择的网络服务器。由于它是一个常规的 html/javascript 应用程序，它可以托管在任何可用的网络服务器上。例如，您所描述的带有 cpanel 网站的域。

【解决方案1】：

如果我理解正确，我认为 Angular Element 将是您的最佳选择。如果您想将 Angular 网络应用程序集成到您现有的网站中，它的效果最好。

【讨论】：

【解决方案2】：

构建项目后。您可以将dist 目录的内容使用到您的主机中。

如果您要将代码放入子文件夹，则需要在 CLI 上指定路径作为构建参数。

【讨论】：

是的，我知道我可以在“ng build --prod”之后使用 dist 文件夹，并在 index.html 是要显示的页面的地方使用它。我的问题是 - 有没有办法将该文件夹集成到 Wordpress 中的页面中？
我明白了。我认为在特定页面中加载应用程序不是问题。我以前没有经历过。也许您不需要加载页眉/页脚标签以避免 js 冲突。 VueJS 接缝适用于页面内的组件。