Javascript插件/代码段组合器

Javascript插件/代码段组合器,javascript,jquery,generator,builder,Javascript,Jquery,Generator,Builder,我一直在搜索类似于下载生成器的东西 我有一些代码片段和插件,我希望能够在一个项目一个项目的基础上进行选择。我并不总是需要项目中的每一项功能,因此我希望通过复选框选择单个代码段,并将其全部下载到单个js文件中。签出。它是一个框架无关的应用程序汇编程序。没有像jqueryui那样整洁的gui,而且它甚至不能像jqueryui那样对用户友好。我还没有完全掌握它的艺术,但是您可以控制JSON配置文件中包含哪些脚本,然后下载脚本。这包括 使用brunch--watch server可以部署一个NodeJS

我一直在搜索类似于下载生成器的东西

我有一些代码片段和插件,我希望能够在一个项目一个项目的基础上进行选择。我并不总是需要项目中的每一项功能,因此我希望通过复选框选择单个代码段,并将其全部下载到单个js文件中。

签出。它是一个框架无关的应用程序汇编程序。没有像jqueryui那样整洁的gui,而且它甚至不能像jqueryui那样对用户友好。我还没有完全掌握它的艺术,但是您可以控制JSON配置文件中包含哪些脚本,然后下载脚本。这包括

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

如果你想买更轻的东西,我推荐。

看看。它是一个框架无关的应用程序汇编程序。没有像jqueryui那样整洁的gui,而且它甚至不能像jqueryui那样对用户友好。我还没有完全掌握它的艺术,但是您可以控制JSON配置文件中包含哪些脚本,然后下载脚本。这包括

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


如果你想找一种更轻的东西,我推荐。

你可能想做的另一件事是使用Yahoo编写简单的构建脚本。它允许您非常简单地选择一组文件,然后说连接它们,并缩小它们。示例队列如下所示:

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文件上执行一组操作的非常好的方法。

您可能需要做的另一件事是使用Yahoo编写简单的构建脚本。它允许您非常简单地选择一组文件,然后说连接它们,并缩小它们。示例队列如下所示:

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文件上执行一组操作的非常好的方法