vue cli3安装jquery

返回
Author Avatar
钢翼
2019-10-14
编程
190

既然我们用了vue为什么还要用jquery呢虽然官方不推荐使用jquery操作dom,但是jquery除了dom操作还有一堆实用的工具库,重复造轮子并没有什么必要,而且jquery并不会对整个工程增加什么负担,重要的是规范好什么情况下允许使用jquery操作dom就可以。

 1.npm i jquery

 2.根目录新建vue.config.js


const webpack = require('webpack')
module.exports = {
    configureWebpack: {
        plugins: [
            new webpack.ProvidePlugin({
                $:"jquery",
                jQuery:"jquery",
                "windows.jQuery":"jquery"
            })
        ]
    }
}

  3.修改package.json,增加"jquery":true

"eslintConfig": {
  "root": true,
  "env": {
    "node": true,
    "jquery": true
  },
  "extends": [
    "plugin:vue/essential",
    "eslint:recommended"
  ],
  "rules": {},
  "parserOptions": {
    "parser": "babel-eslint"
  }
},

  4.在main.js 添加全局引用

import $ from 'jquery'
import jQuery from 'jquery'