Question

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

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

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

直接使用AngularJS

实际上，我想要做的是将其转换为我的gulp任务的一部分，然后移动（minify / uglify if nescessary）到我的资产文件夹。

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

我的gulp任务看起来像：

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之类的加载程序。这两个都允许您根据需要将所有客户端依赖项组合到bundle中。这些库将允许您使用AMD和/或CommonJS来“请求”您的依赖项。

Answer 2

你显然没有使用自耕农和凉亭，而不是没有使用它。

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

http://yeoman.io/codelab/

看看Yeoman发电机，特别是＆＃34; generator-angular＆＃34;。这将根据一些（接受的）最佳实践为您设置（脚手架）您的角度项目。并利用bower来管理客户端的依赖关系。然后（自动配置）Gulp用于构建/包含/捆绑依赖项。

我的建议是安装自耕农，并检查＆＃34; generator-angular＆＃34;生成器，然后看看gulp如何管理从凉亭组件构建依赖项。

即。一旦你使用像yeoman发电机这样的东西，大部分的工作都是为你完成的，即yeoman发电机很少甚至没有努力解决你的这个特殊问题。

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

2 个答案: