自定义生成的jQueryUI

我刚刚创build了一个jQuery的自定义构build,并减less了库只包括我需要的部分。 我按照在GitHub上托pipe的jQuery仓库中logging的指示来做到这一点。 它基本上使用node.js,npm,git和grunt,你可以在命令行中全部排除部分API,并进行构build。

现在我需要用jQueryUI做同样的事情,但是在他们的文档中没有看到这样的说明。 有谁知道这是否可以以同样的方式完成? 减lessjQueryUI库的最简单的方法是什么,并根据我的需要专门定制它?

提前致谢!

如果你想用你的grunt构build,只需添加一些参数到你的configuration。 例:

grunt custom:-ajax,-css,-dimensions,-effects,-offset

或修改必要的Gruntfile.js( https://github.com/jquery/jquery-ui/blob/master/Gruntfile.js

转到此页面并select您最喜欢的function,然后将其作为自定义构build下载。

要从NPM包构build定制版本的jQuery UI,您必须使用requirejs 。 你的gruntconfiguration将如下所示:

  requirejs: { jqueryui: { options: { expand: true, baseUrl: '<%= nodeModules %>/jquery-ui/', paths: { jquery: './external/jquery/jquery', external: './external/', }, optimize: 'none', findNestedDependencies: true, skipModuleInsertion: true, exclude: ['jquery'], include: grunt.file.expand( { cwd: path.resolve(appConfig.nodeModules + '/jquery-ui/'), }, [ 'ui/effect.js', 'ui/effects/*.js', 'list of files to include in your build', ]), out: '<%= www %>/js/jquery-ui.js', }, }, }