javascript - que - browserify vs webpack

Completa un plugin jQuery con browserify

Question

Hola, estoy usando la tarea de exploración de grunt para configurar mi código, he revisado jQuery y ahora estoy tratando de incluir jquery.tablesorter.

¿Se pueden usar los complementos de jquery con browserify de esta manera?

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

Puedes intentar haciendo esto:

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

Si lo anterior no funciona, puedes intentar esto:

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

Es mucho más fácil requerir global.JQuery y luego requiere su módulo, no requiere cambios en package.json:

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

Answer 3

Tal vez no necesites usar la sección "browserify-shim" en package.json si usas esta extensión.

Puede hacer clic aquí Utilizando Browserify con jQuery Plugins

Lo intenté y funciona.

Ejemplo

paquete.json

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

Archivo 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