- 首先使用npm下载jQuery
npm install jquery
- 在项目目录新建vue.config.js,然后在configureWebpack选项中添加jquery插件参数
const webpack = require("webpack");
module.exports = {
configureWebpack: {
//支持jquery
plugins: [
new webpack.ProvidePlugin({
$:"jquery",
jQuery:"jquery",
jquery:"jquery",
"windows.jQuery":"jquery"
})
]
},
};
- 对package.json中eslint配置项env添加"jquery":true
"eslintConfig": {
"root": true,
"env": {
"node": true,
"jquery": true
},
"extends": [
"plugin:vue/essential",
"eslint:recommended"
],
"parserOptions": {
"parser": "babel-eslint"
},
"rules": {}
}
最后重启vue服务,接着你就可以在全局使用jQuery了。