vue cli3安装jquery
钢翼
编程
既然我们用了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'