如何在Grunt中管理我的Javascript庫？ 使用Bower或NPM？

Question

我只是學習了如何使用Grunt，發現它很棒。 我只關心Javascript庫，我學習的工作流程是搜索網絡上的每個庫，然后將它們放在js / libs文件夾中，然后使用Uglify.js將所有JS文件合並為一個，但是我不知道認為這不是最實用的方法。 我嘗試使用Bower來管理此問題，但隨后所有庫都安裝在bower_components中，因此在Grunt中擁有js / libs工作流沒有意義，因為我必須使用Bower安裝這些庫，然后將它們導入到html中。 在項目中最常見的工作流程是哪個？ 我不能使用npm安裝javascript庫（例如jQuery，下划線或Require.js）並在Grunt工作流中使用它們，而不是每次需要它們時都使用google嗎？ 我不能使用Bower在我的js / libs文件夾中安裝庫，而不是創建整個bower_components文件夾樹嗎？

Answer 1

我不確定是否有正確的方法來回答這個問題，這是一個常見的工作流程，涉及以下內容：

從npm init （或者用yarn init開始）開始，然后使用npm install --save jquery （或任何依賴項）。 這會將其添加到package.json中，這意味着，如果您清除了node_modules目錄，則可以調用npm install並攜帶所有依賴項。

之后，工作流程非常多，我無法為您解答。 但是，我將添加npm 4引入了改進的搜索，因此您實際上可以在npm中搜索正確的模塊。 http://www.npms.io還是一個有用的搜索網站，npm網站本身也是一個可靠的選擇。

關於捆綁和構建工具的所有內容都是觀點，因此不要以為有正確的方法。 但是，您確實提到將它們導入到hmtl中。 實際上，您可以使用webpack之類的工具將所有javascript捆綁到一個捆綁文件中，然后從html而不是jquery，requireJS等加載它。

希望這能說明問題。

Answer 2

Grunt只是一個任務賽跑者。 npm ， bower和實際的軟件包管理器。

npm通常用於管理節點程序包和依賴項。

bower通常用於管理前端程序包和依賴項。

這與典型的工作流程的配合方式是，您可以通過上述軟件包管理器之一來管理依賴項，然后grunt以最小化並構建最終應用程序。