如何使用require.JS的骨干工作？

Question

我试图理解requireJS和骨干网是如何工作的。当我在Chrome中打开DevTools并打开Sources选项卡时，使用this site。我看到很长的文件夹/文件列表（见下图），它似乎是未压缩的源代码。但是，我没有看到它是通过网络标签加载的。

我想知道它是如何结合的，并且源代码如此暴露是正常的，并且即使我刚刚请求一个页面（即搜索页面，请参见下面的图像）是否正常加载所有视图也是正常的。我知道像Angular这样的现代Javascript应用程序喜欢在应用程序出现之前预先加载它。但它不会给用户造成大量不必要的流量吗？特别是移动视图上的那些？