vuecli3全局引入jquery

1.下载jquery

cnpm i jquery

2.在根目录下新建vue.config.js并如下配置

vuecli3中修改webpack配置

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

3.package.json中eslint配置项env中添加"jquery":true

  *如果package.json没有eslint配置项，直接复制下面全部粘贴

"eslintConfig": {
    "root": true,
    "env": {
      "node": true,
      "jquery": true //此处配置意思为全局引入jquery，详情可查看文档
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "rules": {
      "no-console": "off"
    },
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },

4.最后就可以愉快在项目各个组件中不用import也可以使用jquery了。。