從我的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生成器只需很少甚至不費力就可以解決您的特定問題。