vue3引入jquery 解决 $ is not defined

1.安装 jQuery ：npm i jquery -S

2.在vue.config.js文件中（在vue3中没有这个文件需要手动创建在项目主目录下）写入以下代码进行配置：

const webpack = require('webpack')

module.exports = {
    chainWebpack: config => {
        config.plugin('provide').use(webpack.ProvidePlugin, [{
            $: 'jquery',
            jquery: 'jquery',
            jQuery: 'jquery',
            'window.jQuery': 'jquery'
        }])
    }
}

3.在需要的页面引入即可：

import $ from 'jquery';