2016-10-27 15 views
0

我剛學習如何使用Grunt,我覺得它很棒;我只關心Javascript庫,我學到的工作流程是搜索Web上的每個庫,然後將它們放在js/libs文件夾中,然後使用Uglify.js將所有JS文件合併到一個文件中,但我不我認爲這是做這件事最實際的方法。我嘗試過使用Bower來管理這個,但是所有庫都安裝在bower_components中,所以在Grunt中有一個js/libs工作流沒有意義,因爲我必須使用Bower安裝這些庫,然後將它們導入到我的html中。在項目中管理這個工作流最常用哪個工作流?我不能使用npm安裝jQuery,下劃線或Require.js等JavaScript庫,並在我的Grunt工作流程中使用它們,而不是每次需要它們時使用它們?我不能使用bower將庫安裝到我的js/libs文件夾中,而不是創建整個bower_components文件夾樹?如何在Grunt中管理我的Javascript庫?使用鮑爾或NPM?

回答

0

我不知道是否有回答這個問題一個正確方式,這是一個常見的工作流程包括以下:

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等等。

希望能夠解決問題。

0

Grunt只是一個任務跑步者。 npmbower以及實際的包管理器。

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

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

如何滿足典型的工作流程,您可以通過上述軟件包管理器管理依賴關係,然後獲得grunt以縮小和構建最終應用程序。

相關問題