【问题标题】:Deploy angular2 application部署 angular2 应用程序
【发布时间】:2016-07-08 22:05:04
【问题描述】:

我在angular2中开发了一个应用程序,现在我需要部署它。

目前我有一个 wwww 根文件夹,其中包含:

  • html 文件
  • js 文件(从 typescript 生成)
  • css 文件(从 scss 生成)
  • /node_modules/文件夹
  • /bower_componenets/ 文件夹

最后两个文件夹(node_modules 和 bower_components)非常重(300 mb 和数千个文件),使用 FTP 复制它们非常令人沮丧。

有没有办法只保留需要的文件?

非常感谢

【问题讨论】:

    标签: node.js angular npm bower


    【解决方案1】:

    您可以使用gulp 将库中的捆绑包创建到单个文件中。 vendor.js。通过 ftp 部署也​​是非常原始的。您应该将您的应用程序放在 GitHub 或 Bitbucket 上,然后登录到服务器并将您的存储库拉到那里,因为您没有将库文件夹放入您的 git 存储库,您将在服务器上安装库。如果你想更进一步,你可以使用像 Jenkins 这样的工具结合 gulp 任务来构建你的应用程序。 Jenkins 将自动构建您的应用程序并在每次推送您的 git 存储库时部署到您的服务器

    【讨论】:

    • 我在服务器端使用连续集成,但是,正如你所说,我不想提交 300mb 的库。你能给我推荐一个 gulp 工具来绑定库吗?
    • 你没有提交node_modules & bower_components。您将在服务器上安装 npm 和 bower,并从服务器安装库。你可能有 .gitignore 文件告诉 git 忽略库。你只保留 git 上的代码
    【解决方案2】:

    如果您想使用 Gulp,以下问题可以帮助您:

    请注意,有些答案是针对测试版的,而对 RC 版的包装有所更改。

    Angular-cli 还可以帮助您在以下命令中build 您的应用程序:

    ng build -prod
    

    此外,使用 tree-shaking 可以减少 JavaScript 文件的重量。请参阅这篇文章了解更多详情:

    【讨论】:

    • 谢谢 Thierry,但是 bower_components 和 node_mosules 呢? Bith 文件夹包含 300mb 的文件,我只想拿走我需要的东西
    猜你喜欢
    • 2017-08-05
    • 2017-07-30
    • 1970-01-01
    • 2016-05-15
    • 2018-01-30
    • 2018-01-30
    • 2017-04-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多