从 Angular 2 中的 node_modules 加载托管应用程序的依赖项

Question

我想从新的 Angular 2 开始，但我不明白 npm 在官方（和其他几个）教程中是如何使用的。对我来说，node_modules 目录主要用于开发，但在index.html 中，所需的脚本文件大多来自该位置：

<script src="node_modules/systemjs/dist/system.src.js"></script>

在您自己的机器上托管应用程序时，似乎没有问题，因为由于npm install，一切都会出现。但是，如果我想在其他地方托管我的应用程序（例如作为 Github 页面），我通常没有 node_modules，因为它会被排除在 .gitignore 中。

一种方法是通过一些 CDN 加载依赖项，但有更好的解决方案吗？

Answer 1

如您所知，node_modules 主要用于开发目的，在托管您的代码时，您不需要在您的存储库中使用它们。

您可以在此处遵循两种方法。

1. 按原样部署。就是这样 - no minification, concatenation, name mangling etc.copy all your node_modules,Transpile all your ts project, copy all your resulting js/css/... to the hosting server，您可以托管您的应用程序。
2. 建议使用第二种方法。使用特殊的捆绑工具进行部署。就像webpack or systemjs builder。基本上这些构建器会为您的应用程序打包，您只需将该包部署到服务器上即可。

为了更多参考，我提供了示例应用的链接：

1. Webpack Starter

2. SystemJS builder

这有帮助。