8、VUE中引入Jquery插件

1、引入jquery

• 在项目文件夹下，使用命令npm install jquery --save-dev 引入jquery

2、在build/webpack.base.conf.js中添加如下内容

• 1

var webpack = require('webpack')

• 2

plugins: [
  new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery"
    })
],

如下所示

// 原有代码
resolve: {
  extensions: ['.js', '.vue', '.json'],
  alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src')
  }
},
// 原有代码
module: {
  rules: [
// ......
  ]
},
// 增加一个plugins
  plugins: [
    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery"
    })
  ]

3、在src/main.js文件中 引入jquery

import $ from 'jquery'

4、OK