Question

我刚刚创建了一个jQuery的自定义构建，我精简了库，只包含了我需要的部分。我按照GitHub上托管的jQuery repo上记录的说明完成了这项工作。它基本上使用node.js，npm，git和grunt，你可以在命令行中排除部分API，并进行构建。

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

提前致谢！

Answer 1

如果你想在你的grunt版本中使用它，只需在配置中添加一些参数。例如：

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

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

Answer 2

转到此page并选择您喜欢的功能，然后将其下载为自定义版本。

Answer 3

要从NPM包构建自定义版本的jQuery UI，您必须使用requirejs。你的grunt配置看起来像这样：

    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',
            },
        },
    }

自定义构建的jQueryUI

3 个答案: