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