How to introduce jquery globally in VUE-CLI Webpack

1. First execution: npm install jquery--save-dev, package.json add jquery in.

2. Modify the Webpack.base.conf.js under Build

Method One:

First, add:

Const WEBPACK = require ("Webpack")

Then add the following in the Module.exports object:

  plugins: [    new webpack.optimize.CommonsChunkPlugin (' Common.js '),    New  Webpack. Provideplugin ({      "jquery",      "jquery"    })  ]

Method Two:

Join First:

Const WEBPACK = require ("Webpack")

And then:

  Resolve: {    extensions: ['. js ', '. Vue ', '. JSON '],    alias: {      ' vue$ ': ' vue/ Dist/vue.esm.js ',      ' @ ': Resolve (' src '),      ' jquery ': ' jquery '    }  }, 

At last:

  plugins: [    new  webpack. Provideplugin ({      "jquery",      "jquery"    })  ]

3. Calling jquery in App.vue

  function () {    console.log ($);    Console.log ($ (' #ss ') [0].innerhtml);  },

Printing results:

How to introduce jquery globally in VUE-CLI Webpack