The ProvidePlugin for jquery was invalid in the scaffolding project

I want to make the scaffolding project to support jquery, then I input the below code in the file webpack.dev.conf.js as the description from http://webpack.github.io/docs/shimming-modules.html, new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", "window.jQuery": "jquery" }), In the console log, I had found there was a new ProvidePlugin indeed, but in the vue or js , it always threw the below error " ‘$’ is not defined" that is to say，I was unable to make $ and jQuery available in every module without writing require(“jquery”).

[narwajea]

The problem comes from eslint not allowing jQuery to be referenced globally. Adding jquery to the env attribute of your .eslintrc.js should do the trick. Here’s mine:

module.exports = {
  root: true,
  env: {
    browser: true,
    jquery: true
  },
...
}

[borekwa]

eslint does seem to be the issue, but adding it to env did not fix it for me. Instead, I had to add it to the ‘globals’ of .eslintrc.js and that fixed it for me.

See http://stackoverflow.com/questions/37077136/webpack-not-including-provideplugins