vue3中的vue.config.js怎么配置jquery

Question

configureWebpack: (config) => {

}
在这里面应该怎么配置jq

Answer 1

进入项目内

1.先执行

npm install jquery --save

2.查看package.json内是否有"jquery":"^版本号"

"dependencies"{
    ...
    "jquery": "^版本号"
    ...
}

3.在.eslintrc.js中添加jquery:true

env:{
    ...
    jquery: true
    ...
}

4.在vue.config.js头部添加"const webpack = require('webpack')";

5.在vue.config.js中的对象module.exports设置

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

6.最后main.js中 引入import $ from 'jquery'

7.别忘了重启vue-cli

就可以肆无忌惮的使用$了

//sample
$(function(){
    alert('vue jquery');
})

Answer 2

1. 看你想怎么用
2. 为啥要用 jquery？