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

21 篇文章 3 订阅
最近,我们将 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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值