vue-cli中使用jquery

vue-cli3.x的目录结构很简单，去掉了2.x中的build目录和config目录，只有一个vue.config.js文件用于项目配置。

1、首先引入jquery

 npm install --save jquery

2、添加如下配置到vue.config.js

const webpack = require('webpack')

module.exports = {

  configureWebpack: {
  
        plugins: [
            new webpack.ProvidePlugin({
                $:"jquery",
                jQuery:"jquery",
                "windows.jQuery":"jquery"
            })
        ]
        
    }
    
}

3、添加"jquery": true到env

3.x添加到package.json的eslintConfig下的env
如果是2.x则修改根目录下.eslintrc.js文件，添加到env

"eslintConfig": {
    "root": true,
    "env": {
      "node": true,
      "jquery": true   // 这一项是添加的
    }
}

4、在main.js引入，如果是多页应用，则在对应页面的js引入

import $ from 'jquery'

查看是否引入成功，在mounted中打印"$"，如果是下面这样就表示引入成功

注意：如果未成功，查看package.json中的dependencies是否有jquery的版本号