Javascript插件/ Snippet Combiner

时间:2012-09-25 19:16:57

标签: javascript jquery generator builder

我一直在http://jqueryui.com/download搜索类似下载生成器的内容。

我有一些代码片段和插件,我希望能够逐个项目地从项目中选择。我并不总是需要项目的每一项功能,所以我想通过一个复选框选择单个片段,并将它们全部下载到一个js文件中。

2 个答案:

答案 0 :(得分:0)

结帐Brunch.io。它是一个框架无关的应用程序汇编程序。没有像jQuery UI那样整洁的gui,它当然也不像用户友好的那样接近。我还没有掌握它的艺术,但你可以控制JSON配置文件中包含哪些脚本,然后再下载脚本。这包括

使用brunch --watch server允许您部署NodeJS服务器,该服务器将在您更改工作时不断编译/缩小您的工作。查看skeleton's其他用户的列表,您可以下载并轻松试用。

如果你想要一个更轻量级的东西,我建议RequireJS

答案 1 :(得分:0)

您可能想要做的另一件事是使用Yahoo的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文件执行一系列操作。