从我的node_modules文件夹中转换AngularJS的正确方法

我select使用npm来包含我的UI依赖,比如AngularJS。

安装之后,依赖关系存在于node_modules文件夹中。

我可以直接使用AngularJS使用<script src='/node_modules/angular/etc.'></script>

实际上,我想要做的是将其转换为我的一部分吞噬任务,并将(如果必要,请将其缩小/ uglify)移动到我的资产文件夹中。

什么是正确的方法来做到这一点? 我如何find所有的依赖库,这是一个手册包括还是有更好的方法?

我的吞咽任务如下所示:

 gulp.task("min:js", function () { gulp.src(["js/**/*.js", "!" + "js/**/*.min.js"], { base: "." }) .pipe(concat("assets/js/site.min.js")) .pipe(uglify()) .pipe(gulp.dest(".")); }); 

你似乎正在使用Gulp正确的轨道,但是,你很快就会意识到,如果你不熟悉这种方法,那么不使用捆绑器会更困难。 我相信你会受益于使用像Browserify或Webpack的装载机。 这两种方法都可以让你把你所有的客户端依赖关系合并成一个捆绑包。 这些库将允许您使用AMD和/或CommonJS来“要求”您的依赖关系。

你显然不使用yeoman和凉亭,而不是没有任何不使用它的错误。

https://github.com/yeoman/generator-angular

http://yeoman.io/codelab/

看看Yeoman发电机,特别是“发电机angular”。 这将基于一些(可接受的)最佳实践为您设置(脚手架)您的angular度项目。 并利用鲍尔来pipe理你的客户端依赖。 然后Gulp(自动configuration)用于构build/包含/捆绑依赖关系。

我的build议是安装yeoman,并检查“generator-angular”生成器,然后查看吞噬如何pipe理从凉亭组件的依赖关系的构build。

也就是说,一旦你使用了一个yeoman生成器,大部分的工作都是为你完成的,也就是说,yeoman生成器只需要很less的努力就可以解决这个问题。