【问题标题】:Can I use Angular2 to build a JavaScript Universal Windows Platform App?我可以使用 Angular2 构建 JavaScript 通用 Windows 平台应用程序吗?
【发布时间】:2017-07-29 07:59:15
【问题描述】:

JavaScript 新手在这里。我是 Angular2 的新手,目前正在学习诸如模块加载器之类的东西(有这么多!)等,所以请耐心等待,因为我的“未知未知数”空间可能非常大。

我有兴趣为 Windows 创建一个基于 JavaScript 的“打包的 Web 应用程序”(“打包的”是指 JS 包含在通用 Windows 平台应用程序中)。

要记住的一个限制是我对打包应用程序的大小有严格的限制。越小越好。

考虑到这一点,我有几个具体问题希望能暴露我的无知程度:


  1. 不使用 Electron 或 Ionic2,是否可以(也是一个好主意)在 Angular2 中创建离线体验,然后仅在我的 Visual Studio 项目中手动包含生成的转译 .js 文件?
  2. 管理这些转译文件的依赖关系有多难?它们是完全独立的吗?
  3. 手动导入的文件的最小集合最终大概有多大?当我使用 NPM 安装 angular2 时,它最终约为 80mb - 其中很大一部分(大部分?)看起来像开发工具、测试基础设施等。客户端应用程序工作所需的最小角度依赖集是什么?

谢谢!

【问题讨论】:

    标签: visual-studio angular uwp


    【解决方案1】:

    在不使用 Electron 或 Ionic2 的情况下,是否可以(也是一个好主意)在 Angular2 中创建离线体验,然后仅在我的 Visual Studio 项目中手动包含生成的转译 .js 文件?

    是的,这是可能的。 TypeScript 将被编译为 javascript 代码,供您的项目使用。所以最终,它是您的项目所必需的编译好的 js 代码。

    但是,如果您非常担心项目的大小,那么我建议您使用 Angular 1,它只是 JS 代码。对于Angular 1 的最小大小及其依赖关系jquery。有 Angular 1 (angular.min.js: 164kb) 和 jquery(jquery-3.1.1.min.js: 85kb) 的压缩版本。

    【讨论】:

      【解决方案2】:

      在这里回答我自己的问题:

      1. 是的,这是可能的。您可以复制转译的 .js 文件,然后简单地将 webview 控件指向生成的 index.html。话虽如此,这是一种非常糟糕的开发体验,因为您一直在使用 VS。
      2. 为您处理依赖关系 - 全部在缩小/丑化的 js 文件中。
      3. 我还没有研究过 tree-shaking,但看起来我可以通过一个骨架项目摆脱 ~0.5Mb。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2017-05-24
        • 1970-01-01
        • 2012-10-06
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2021-10-22
        相关资源
        最近更新 更多