Плагин jQuery с обозревателем

Question

Привет, я использую задачу grunt browserify для настройки моего кода, я настроил jQuery, и теперь я пытаюсь включить jquery.tablesorter.

Могут ли плагины jquery использоваться с браузером таким образом?

shim: { 
    jquery: { 
     path: 'lib/bower/jquery/jquery.js', 
     exports: '$' 
    }, 
    'jquery.tablesorter': { 
     path: 'lib/bower/jquery.tablesorter/js/jquery.tablesorter.js', 
     exports: 'tablesorter', 
     depends: { 
      jquery: '$', 
     } 
    } 
} 

Answer 1

Вы можете попробовать, делая это:

shim: { 
    jquery: { 
     path: 'lib/bower/jquery/jquery.js', 
     exports: '$' 
    }, 
    'jquery.tablesorter': { 
     path: 'lib/bower/jquery.tablesorter/js/jquery.tablesorter.js', 
     exports: null, 
     depends: { 
      jquery: '$', 
     } 
    } 
} 

Если выше не работает, вы можете попробовать это:

shim: { 
    jquery: { 
     path: 'lib/bower/jquery/jquery.js', 
     exports: null 
    }, 
    'jquery.tablesorter': { 
     path: 'lib/bower/jquery.tablesorter/js/jquery.tablesorter.js', 
     exports: null, 
     depends: { 
      jquery: 'jQuery', 
     } 
    } 
} 

Answer 2

Может быть, вам не нужно использовать «browserify-подкладку "в package.json, если вы используете это расширение.

Вы можете сделать, как здесь Using Browserify with jQuery Plugins

Я попробовал это, и это работает.

Пример

package.json

"browserify": { 
    "transform": ["browserify-shim"] 
}, 
"browser": { 
    "jQuery.translit": "./public_html/js/vendor/jquery/jquery.translit.js" 
}, 
"browserify-shim": { 
    "jQuery": "global:jQuery" 
} 

JS файл:

var $ = require("jQuery"), 
    translit = require("jQuery.translit"), //don't use this variable  
    heading = require("./helper/heading.js"); 
$.transliterate("parameter"); //use as regular jQuery plugin instead 

Answer 3

Его гораздо проще требовать global.JQuery, а затем требуют вашего модуля, не требуют каких-либо изменений package.json:

global.jQuery = require('jquery'); 
require('tipso');