我的JSPM生成包中实际包含的内容

时间:2016-04-21 12:11:42

标签: angular jspm

我最近一直在使用Angular2。这很棒,我可以很快地把东西放在一起,但我无法理解如何从dev开始实现我的构建。我已经阅读过文章,但是有很多不同的方法,设置和首选工具,如果没有大量的先验知识,很难找到一个好的起点。所以,我想知道是否有人可以直接为我提供一些东西。

我已经回到5 Minute Quickstart并在本地添加了JSPM。我跑...

jspm bundle-sfx app/main www/bundle.js

...并在我的www文件夹中获取一个怪物javascript文件,此处我的问题开始了:

该文件中实际捆绑了什么?
仅仅是我编写的组件等 - 在这种情况下只是main和     app.component - 或者还有其他依赖关系?

如何使用捆绑包?
假设我将现有的index.html作为起点并添加<script src='www/bundle.js'></script>我现在需要删除的内容/从该HTML添加/修改,以便能够将index.html和bundle.js`推送到服务器并让它们作为我的应用程序运行?

我为提出一个相当普遍的问题而道歉,但我在工作中被设计师所包围,StackOverflow是我唯一的问题目标。在我的辩护中,我已经阅读了很多内容,并尝试了许多不同的种子项目和方法,但总有一些错误与某些依赖或脚本或对此或其他的描述。我认为Angular2仍处于测试阶段,情况就是如此,所以我只想看看最简单的情况。我知道我可以使用this-task-runner做X和那个重新加载器来做Y但我现在想要的只是了解从开发到最简单构建的基础知识。

非常感谢您的答案,部分答案,链接等等。

1 个答案:

答案 0 :(得分:0)

JSPM构建于System.js之上,可以加载动态模块。它是JavaScript语言未来版本中的计划本机功能。它目前仅以草稿形式出现。一旦实现,我们将不再需要System.js.

因此,要回答您的问题,启用此动态模块加载及其依赖项的所有内容都会与您的应用代码一起包含在bundle.js文件中。对于制作,您只需要上传此文件,可能还需要Angular(但我会链接到它的CDN)。您可能希望首先对其进行uglify以最小化其大小。我不是正面的JSPM为你做这件事。我通常使用gulp进行缩小和其他任务。

如有疑问,请阅读docs