JavaScript構建類似於Compass的工具？

Question

我正在尋找一種像Compass一樣的構建工具，它可以觀察文件夾，然後連接，縮小並生成單個輸出文件。我希望能夠使用配置來指定文件的順序。

我目前使用CodeKit（http://incident57.com/codekit/），它完美地做到了這一點。但是，我在過去的JSON配置文件中遇到了問題，這意味着我丟失了包含的JavaScript文件以及訂單。

Answer 1

有Yeoman和Grunt。

我認爲Yeoman是最簡單的，它建立在Grunt基礎上，並且可以通過yeoman server實時重新加載和編譯JS和CSS文件。它也支持其他事情。如果你只想現場觀看和縮小等。您可以使用yeoman watch的文件。它要求你設置一個Gruntfile.js，但是有一些很好的例子。

您也可以使用Grunt.js，這將需要您安裝一些額外的任務，但這不是一個大問題。

所以總之，你可以從盒子中獲得一些額外的功能，但它建立在Grunt上，我可以推薦這兩種功能。他們通過命令行界面工作，但它非常簡單。看看他們的網站，並嘗試一下，它是免費的！

Youtube intro to Yeoman, with Addy Osmani

Answer 2

一個好的解決方案是使用require.js作爲你的模塊加載器和依賴管理，這樣你就永遠不會忘記包含什麼以及它應該包含在最終構建中的順序。如果你想有一個監視任務，你可以使用MimosaJS（使用require.js和uglify）並使用「watch」命令進行適當的配置：http://mimosajs.com/optimization.html。