[英]Shim a jQuery plugin with browserify
Hi I'm using the grunt browserify task to setup my code, I have shimmed in jQuery and I'm now trying to include jquery.tablesorter. 嗨我正在使用grunt browserify任务来设置我的代码,我已经在jQuery中填充了,我现在正试图包含jquery.tablesorter。
Can jquery plugins be used with browserify in this way? jquery插件可以用这种方式与browserify一起使用吗?
shim: {
jquery: {
path: 'lib/bower/jquery/jquery.js',
exports: '$'
},
'jquery.tablesorter': {
path: 'lib/bower/jquery.tablesorter/js/jquery.tablesorter.js',
exports: 'tablesorter',
depends: {
jquery: '$',
}
}
}
You may try by doing this: 您可以尝试这样做:
shim: {
jquery: {
path: 'lib/bower/jquery/jquery.js',
exports: '$'
},
'jquery.tablesorter': {
path: 'lib/bower/jquery.tablesorter/js/jquery.tablesorter.js',
exports: null,
depends: {
jquery: '$',
}
}
}
If the above is not working, you can try this: 如果以上操作不起作用,您可以尝试这样做:
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',
}
}
}
Maybe you dont need to use "browserify-shim" section in package.json if you use this extention. 如果你使用这个扩展,也许你不需要在package.json中使用“browserify-shim”部分。
You can do like here Using Browserify with jQuery Plugins 你可以这样做使用Browserify与jQuery插件
I've tried it and it works. 我试过了,它的确有效。
Example 例
package.json 的package.json
"browserify": {
"transform": ["browserify-shim"]
},
"browser": {
"jQuery.translit": "./public_html/js/vendor/jquery/jquery.translit.js"
},
"browserify-shim": {
"jQuery": "global:jQuery"
}
JS file: 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
Its much easier to require global.JQuery and then require your module, it require no changes to package.json: 它更容易要求global.JQuery然后需要你的模块,它不需要更改package.json:
global.jQuery = require('jquery');
require('tipso');
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.