jquery - Webpack、jQuery 和加载 qTip2

Question

我正在尝试要求 qTip2 ，但我遇到了问题:

require('jquery/src/sizzle/dist/sizzle.js');
require('jquery/src/jquery.js');
require('jquery-ui/jquery-ui.js');
require('qtip2/jquery.qtip.js');


$(document).ready(function() {
    $('.tooltip').qtip({
        attr: 'tooltip'
    });
});

当我加载 bundle 时，我得到:

Uncaught TypeError: $(...).qtip is not a function

这表明 qTip2 不会加载。

我的 webpack 配置是:

var webpack = require('webpack');
var path = require('path');
module.exports = {
    entry: "./source/javascripts/main.js",
    output: {
        path: __dirname,
        filename: "build/bundle.js"
    },
    module: {
        loaders: [
            { test: /\.css$/, loader: "style!css" },
            { test: /\.jsx?$/, loader: "babel" },
            { test: /jquery\/src\/selector\.js$/, loader: 'amd-define-factory-patcher-loader' },

        ]
    },
    resolve: {
        root: [path.join(__dirname, 'bower_components')]
    },
    plugins: [
        new webpack.ResolverPlugin(
            new webpack.ResolverPlugin.DirectoryDescriptionFilePlugin('bower.json', ['main'])
        )
    ]
};

任何帮助都会很棒，谢谢!

Answer 1

在 webconfig.js 中删除 jQuery 作为插件

new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery'
})

然后像这样添加

window.$ = window.jQuery = require('jquery');
require('qtip2');