【问题标题】:How to convert an Angular project to a non-Angular project?如何将 Angular 项目转换为非 Angular 项目?
【发布时间】:2021-04-24 07:03:35
【问题描述】:

我有一个当前的 Angular 项目,我想成为一个简单的(HTML、CSS、JS)网站,而不需要 Angular 添加到项目中的整个脚本。我希望将我的路由转换为几个 HTML 文件,其中每个文件都包含实际内容,而不是一些引用某些 javascript 文件的 script 标记。我的意思是我希望它就像我在没有 Angular 的情况下设计的网站一样。我知道 Angular 很有效,但出于某种原因我需要它。我怎样才能做到这一点?

【问题讨论】:

    标签: html angular typescript build


    【解决方案1】:

    奇特方式:使用 Angular Elements 将您的 Angular 组件转换为 Web 组件。 Angular Elements 是 Angular 框架(不是第三方包)的一项功能,它允许您将 Angular 组件“转换”为本机 Web 组件。 Web 组件是自定义 HTML 元素(JS API,与 Angular 无关)。因此,您可以在使用其他框架(例如 Vue.js)构建的应用程序中使用它们,甚至可以在 vanilla JS 应用程序中使用它们。现在任何活动的浏览器都支持 Web 组件。这是一个相当不错的guide(在指南示例中,我们在 vanilla JS 应用程序中提供了一个 Angular 组件)。

    Amanuensis方式:手动复制粘贴你需要的东西。

    【讨论】:

    • 难道没有像 Frozen-Flask 这样的 Angular 工具
    • 除此之外真的很花哨吗?不是我知道的。也许我们可以包含Angular Universal,它允许诸如 SSR(服务器端渲染)和预渲染之类的东西。
    猜你喜欢
    • 1970-01-01
    • 2019-07-21
    • 1970-01-01
    • 1970-01-01
    • 2019-03-07
    • 2018-01-28
    • 1970-01-01
    • 2021-09-19
    • 1970-01-01
    相关资源
    最近更新 更多