如何提供AngularJS 2应用程序,而不必为`node_modules`中的所有文件提供服务?

前端之家收集整理的这篇文章主要介绍了如何提供AngularJS 2应用程序,而不必为`node_modules`中的所有文件提供服务?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图运行Angular 2 seed application.不幸的是,npm安装将大量的文件放在node_modules中,我认为我也必须与种子应用程序代码一起提供服务。

如果我只需要几个应用程序工作,我不想要服务所有这些静态文件。有没有办法只服务器我实际需要哪些?

我问的原因是因为Google App Engine开发环境(dev_appserver.py)对可以提供的文件数量设置了限制,并且生产环境对可以上传文件的组合大小有限制。上传兆字节的不必要的文件会感到羞耻。

这是由种子项目的gulp脚本处理的。

https://github.com/angular/angular2-seed/blob/e66d24fd34d37884cec41a3583bad563cf5a43e5/gulpfile.js#L15

gulp任务将文件从node_modules复制到dist / vendor。

//copy dependencies to dist folder
gulp.task('copy:deps',function(){
  return gulp.src([
    'node_modules/angular2/bundles/angular2-polyfills.js','node_modules/angular2/bundles/angular2.dev.js','node_modules/angular2/bundles/http.js','node_modules/angular2/bundles/router.js','node_modules/rxjs/bundles/Rx.js','node_modules/systemjs/dist/system.js',]).pipe(gulp.dest('dist/vendor'));
});

安装gulp后,只需输入gulp即可开始默认的gulp任务,或者运行npm开始,这将调用gulp clean&&吞

默认gulp任务还将将所有其他.js,.html和.css文件复制到dist文件夹。 dist文件夹将包含您必须部署的内容

猜你在找的Angularjs相关文章