在vue项目中引入JQuery

1、安装

npm install jquery --save

2、配置

1.首先在package.json里的dependencies加入"jquery":"^3.6.0"

"dependencies": {
    "jquery":"^3.6.0",
},

2.在项目根目录下的build/webpack.base.conf.js文件头部中：

// 
var webpack = require('webpack')
// 
'use strict'
const path = require('path')
const utils = require('./utils')

3.在项目根目录下的build/webpack.base.conf.js文件module.exports里面添加：

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

如图：

3.在文件中引入

import $ from 'jquery'

然后，就可以用$了

参考链接：
1、https://www.cnblogs.com/GH0522/p/10283458.html
2、https://blog.csdn.net/weixin_44979432/article/details/109093106

我是土豆，下次见！