使用browserify填充jQuery插件

mic*_*ael 11 javascript jquery shim browserify gruntjs

嗨我正在使用grunt browserify任务来设置我的代码,我已经在jQuery中填充了,我现在正在尝试包含jquery.tablesorter.

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: '$',
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

Ian*_*Lim 14

您可以尝试这样做:

shim: {
    jquery: {
        path: 'lib/bower/jquery/jquery.js',
        exports: '$'
    },
    'jquery.tablesorter': {
        path: 'lib/bower/jquery.tablesorter/js/jquery.tablesorter.js',
        exports: null,
        depends: {
            jquery: '$',
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

如果以上操作不起作用,您可以尝试这样做:

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',
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

  • `shim`来自哪里?目前的browserify文档说使用`browserify-shim`https://github.com/thlorenz/browserify-shim (2认同)