2013-12-18 6 views
2

Я только что создал пользовательскую сборку jQuery, и я сместил библиотеку, чтобы включить только те части, которые мне нужны. Я сделал это, выполнив инструкции, описанные в репозитории jQuery, размещенном на GitHub. В основном он использует node.js, npm, git и grunt, и вы можете исключить части API в командной строке и создать сборку.Пользовательские сборки jQueryUI

Теперь мне нужно сделать то же самое с jQueryUI, но я не вижу таких инструкций в своей документации. Кто-нибудь знает, можно ли это сделать так же? Каков самый простой способ обрезать библиотеку jQueryUI и настроить его в соответствии с моими потребностями?

Заранее благодарен!

+0

Почему вы хотите уменьшить размер jQueryUI? какую часть функций вы хотите сохранить и какую версию jQuery вы используете? –

+0

@MehranHatami: Я хочу удалить все, что не используется. Попытка уменьшить все накладные расходы, даже незначительные накладные расходы ... – shmuli

ответ

0

Если вы хотите использовать его со своей сборкой grunt, просто добавьте некоторые параметры в свою конфигурацию. Пример:

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

или изменить необходимый Gruntfile.js (https://github.com/jquery/jquery-ui/blob/master/Gruntfile.js)

+0

Вот как это работает с jQuery. Могу ли я сделать это с помощью jQueryUI? – shmuli

+0

Ссылка, которую я вам дал, это интерфейс пользователя jQuery. – Joshua

+0

Задача «custom» недоступна для jquery-ui – TekTimmy

0

перейти к этому page и выбрать свои любимые функции, а затем загрузить его в качестве пользовательской сборки.

0

Чтобы создать пользовательскую версию пользовательского интерфейса jQuery из пакета NPM, вы должны использовать 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', 
      }, 
     }, 
    } 
Смежные вопросы