在线在 Sharepoint 上部署 Angular2 项目

Deploying Angular2 project on Sharepoint online

我在本地环境中创建了一个示例 Angular2 项目 (rc-4),它运行良好。

现在我必须将其作为子网站托管在 SharePoint Online 上。不幸的是,我不知道该怎么做,也不知道要搜索什么关键字?

我在 Pages 文件夹中创建了一个索引页面,并将 index.html 作为 Web 部件添加到其中

它给我错误:系统未定义(因为 node_modules 文件夹不存在)

我尝试 运行 在远程位置安装 npm

(首先必须编辑注册表以允许远程位置上的 cmd) 虽然命令给了我很多 untar.error

接下来我尝试从本地环境复制文件夹。到偏远地区,运行宁 1 天后仍未完成

我还将站点资产文件夹同步到我的本地系统,将 node_modules 文件夹复制到该位置并让 OneDrive for Business 进行同步,但无济于事。

有什么建议吗?

我意识到这个 post 很旧,但我想我会帮助其他一些正在尝试做一些自定义页面工作的新 SharePoint 开发人员!

这是我的做法:

  • 运行 ng build // 为您的 Angular 项目构建一个发行版
  • 在 SharePoint 上创建一个文档文件夹来存放您的 Angular 个文件
  • 使用 css 和 js 文件的正确 URL 编辑发行版 index.html 文件
      通常
    • https://[your 域名].sharepoint.com/[站点名称]/[包含发行版文件的文件夹]/
  • 将所有发行版文件上传到 SharePoint
  • 创建一个新的 WEBPART 页面
  • 编辑 WEBPART 页面并添加新的内容编辑器 webpart
  • 编辑新的内容编辑器并在内容 Link 中输入 URL 到您的新 html 文件 (index.html)

顺便说一下,这适用于其他框架,如 jquery 和 bootstrap。