jquery - 通过expose-loader将jquery导入到vuejs2项目中

Question

我使用最新的vue-cli创建了一个vuejs2项目，并尝试使用expose-loader将jQuery导入到该项目中，我想我遵循了official readme中的说明。但没有运气。

我做了什么:

• 通过 npm 安装 jquery 和公开加载程序
• 在 build/webpack.base.conf.js 中插入以下行

但是当我在 Chrome devtool 的控制台中输入 console.log(window.jQuery) 时，我仍然没有定义。

// ...
module: {
  rules: [
    // added for supporting jquery
    {
      test: require.resolve('jquery'),
      use: [{
        loader: 'expose-loader',
        options: 'jQuery'
      },{
        loader: 'expose-loader',
        options: '$'
      }]
    },
// ...

我错过了什么？

Answer 1

您可以尝试在不使用 expose-loader 的情况下使用 ProviderPlugin

1. npm install jquery --save

2. 现在在您的build/webpack.base.conf.js

   中

   module.exports = { 
       plugins: [ 
           new webpack.ProvidePlugin({ 
               $: 'jquery', 
               jQuery: 'jquery',
               'window.jQuery': 'jquery'
           }) 
       ]
       //..
   }