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

Question

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

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

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

实际上，我想做的是将其转换为我的 gulp 任务的一部分，并移动(如果需要的话缩小/丑化)到我的 Assets 文件夹。

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

我的 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 似乎走在正确的轨道上，但是，您很快就会意识到，如果您不熟悉这种方法，那么不使用 bundler 会比您希望的更加困难。我相信您会受益于使用像 Browserify 这样的加载器或Webpack 。这两者都允许您将所有客户端依赖项组合到您认为合适的 bundle 中。这些库将允许您使用 AMD 和/或 CommonJS 来“要求”您的依赖项。