Javascript插件/片段組合器

Question

我一直在尋找類似http://jqueryui.com/download下載生成器的東西。

我有一些代碼片段和插件，我希望能夠從項目的基礎上選擇一個項目。我並不總是需要項目中的每一項功能，所以我想通過複選框選擇單獨的片段，並將它們全部下載到單個js文件中。

Answer 1

結賬Brunch.io。它是一個框架不可知的應用程序彙編程序。沒有像jQuery UI那樣整潔的gui，而且它的用戶友好性也沒有那麼接近。我還沒有完全掌握它的藝術，但是您可以控制哪些腳本包含在JSON配置文件中，然後下載腳本。這包括到

使用brunch --watch server可以讓您部署一個NodeJS服務器，它可以在您更改工作時持續編譯/縮小您的工作。查看skeleton's其他用戶列表，您可以輕鬆下載並試用。

如果你正在尋找一個更輕的東西，我建議RequireJS。

Answer 2

您可能想要做的另一件事是使用雅虎的GearJS編寫簡單的構建腳本。它可以讓你非常簡單地選擇一組文件，然後說連接它們，並縮小它們。示例隊列看起來像這樣：

var gear= require('gear'); 

new gear.Queue({registry: new gear.Registry({module: 'gear-lib'})}) 
    .log('Starting javascript build...') 
    .log('Reading js files...') 
    .read([ 
    'js/app.js', 
    'js/autoflex.js', 
    'js/bootstrap.js', 
    'js/jquery.history.js', 
    'js/templates.js']) 
    .log('concatenating files...') 
    .concat() 
    .log('minifying...') 
    .jsminify() 
    .log('saving to js/app.min.js') 
    .write('js/app.min.js') 
    .run(function(err, results) { 
    if(err) { 
     console.log(err); 
     return; 
    } 
    console.log(('' + results[0]).length + ' characters'); 
    }); 

因此，這與節點運行。您可以使用每個片段（app1.build.js-> app1.min.js，myapp.build.js-> myapp.min.js等）製作一小組版本。它不是GUI，但是它是在一組JavaScript文件上執行一組操作的非常好的方法。