vue中如何引入jquery,eslint为什么频频报错。

最近,我们将 jQuery 完全从 GitHub.com 的前端代码中移除了,这标志着我们数年来逐步移除 jQuery 这个渐进式的过程终于结束了,这对我们来说是一件里程碑式的事件。这篇文章将介绍过去我们是如何依赖上 jQuery 的,随着时间地推移,我们意识到不再需要它,但到最后我们并没有使用另一个库或框架取代它,而是使用标准的浏览器 API 实现了我们所需要的一切。(请仔细阅读 转发自https://www.sohu.com/a/253130742_355140

1.如果你用的是vue codewhy版本创建的vue 那一下方法就可以使用jquery() 这个版本的vue是2.x
1.1 下载

npm install jquery --save

1.2 在vue.config.js配置

const webpack = require('webpack')

module.exports = {
    
    
    //引入jquery
    chainWebpack: config => {
    
    
        config.plugin('provide').use(webpack.ProvidePlugin, [{
    
    
            $: 'jquery',
            jquery: 'jquery',
            jQuery: 'jquery',
            'window.jQuery': 'jquery'
        }])
    }
}
这样就可以了
main.js无需修改

2.如果你用的是最新版本的vue 3.x (ps:先按照2.x的配置一遍)然后注意一下内容
由于jquery被GitHub移出 so eslint中是无法使用jquery的 所有需要把eslint的配置去掉
但是吧 你有喜欢eslint 那怎么办啊 我也不知道 所以我把eslint全部去掉了

package.json 中

  "devDependencies": {
    
      //去掉这个里面包含的所有 eslint 就可
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/compiler-sfc": "^3.0.0"
  },
  
   "eslintConfig": {
    
    
    "root": true,
    "env": {
    
    
      "node": true,
      "jquery": true  //加了true  也不行 不知道为什么  只能全部去掉了
    },

如果谁知道怎么办 记得@一下 xdm

猜你喜欢

转载自blog.csdn.net/qq_45557681/article/details/115302679