title: How to include jquery in a vuejs webpack cli project?
body: <p>Hello there i used to vuejs cli to generate a project (<a href="https://github.com/vuejs/vue-cli" rel="nofollow noreferrer">https://github.com/vuejs/vue-cli</a>). The cli uses webpack and im having trouble using jquery inside of the vue files. Im always getting a.</p>
  
  <pre><code>http://eslint.org/docs/rules/no-undef  '$' is not defined
  </code></pre>
  
  <p>I have tried editing my webpack.dev.config to include the provide plugin block as follows:</p>
  
  <pre><code>var utils = require('./utils')
  var webpack = require('webpack')
  var config = require('../config')
  var merge = require('webpack-merge')
  var baseWebpackConfig = require('./webpack.base.conf')
  var HtmlWebpackPlugin = require('html-webpack-plugin')
  var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
  
  // add hot-reload related code to entry chunks
  Object.keys(baseWebpackConfig.entry).forEach(function (name) {
    baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name])
  })
  
  module.exports = merge(baseWebpackConfig, {
    module: {
      rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })
    },
    // cheap-module-eval-source-map is faster for development
    devtool: '#cheap-module-eval-source-map',
    plugins: [
      new webpack.DefinePlugin({
        'process.env': config.dev.env
      }),
      // https://github.com/glenjamin/webpack-hot-middleware#installation--usage
      new webpack.HotModuleReplacementPlugin(),
      new webpack.NoEmitOnErrorsPlugin(),
      // https://github.com/ampedandwired/html-webpack-plugin
      new HtmlWebpackPlugin({
        filename: 'index.html',
        template: 'index.html',
        inject: true
      }),
      new FriendlyErrorsPlugin(),
      new webpack.ProvidePlugin({
        $ : "jquery",
        jQuery : "jquery"
      })
    ]
  })
  </code></pre>
  
  <p>However when trying to use jquery i run into the same issues time and time again. Im not against using a cdn for this i really just cant get this think to include jquery no matter what i try.</p>
  
  <p>If the vue file is helpful its i try to console.log $ like so inside the script block</p>
  
  <pre><code>&lt;script&gt;
  export default {
    name: 'how_can_we_help_you',
    data () {
      return {
        msg: 'Welcome to Your Vue.js App'
      }
    }
  }
  console.log($)
  &lt;/script&gt;
  </code></pre>
  
  <p>Please help im very stuck and have been trying to fix this for quite a wile now. Thanks in advance.</p>