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

Question

我选择使用npm来包含UI依赖项，例如AngularJS。

安装后，依赖项存在于node_modules文件夹中。

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

实际上，我想做的是将其转换为我的任务任务的一部分，然后将其（如有必要，缩小/缩小）到我的资产文件夹中。

正确的方法是什么？ 我如何找到所有依赖库，这是手册包含的还是有更好的方法？

我的任务看起来像：

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("."));
});

Answer 1

您似乎在使用Gulp时走在正确的道路上，但是，您很快就会意识到，如果不熟悉捆绑方法，那么不使用捆绑器会更加困难。 我相信您会从使用Browserify或Webpack这样的加载程序中受益 。 这两种方法都可以让您根据需要将所有客户端依赖项组合到捆绑中。 这些库使您可以使用AMD和/或CommonJS来“要求”您的依赖项。

Answer 2

您显然不是在使用yeoman和bower，也不是因为不使用它有什么问题。

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

http://yeoman.io/codelab/

看一下Yeoman发电机，尤其是“ generator-angular”。 这将根据一些（公认的）最佳实践为您设置（脚手架）您的角度项目。 并利用Bower管理您的客户端依赖性。 然后，使用Gulp（自动配置）来构建/包含/捆绑依赖项。

我的建议是安装yeoman，并检查“ gener-angular”生成器，然后查看gulp如何管理Bower组件的依赖项构建。

即，一旦您使用诸如yeoman生成器之类的东西，大部分工作就为您完成，即yeoman生成器只需很少甚至不费力就可以解决您的特定问题。