vue-cli中引入jquery的方法

vue-cli中引入jquery的方法

以前寫vue項目都沒有引入過jquery，今天群里面的一位小伙伴問了我這個問題，我就自己搗鼓了一下，方法如下：

我們先進入webpack.base.conf.js文件，開始頂部是這樣的，我們需要加一行代碼

變成這樣

var path = require('path')
var utils = require('./utils')
var webpack = require("webpack") //這是我們添加的
var config = require('../config')
var vueLoaderConfig = require('./vue-loader.conf')

然后到下面的module.exports內部加入

  plugins: [
    new webpack.optimize.CommonsChunkPlugin('common.js'),
    new webpack.ProvidePlugin({
    jQuery: "jquery",
    $: "jquery"
    })  
  ],

我們在上面引入webpack就是為了在此使用webpack對象；

然后在package.json里的dependencies加入"jquery" : "^1.8.0"；或者你可以使用npm install  xxx -save去生成

然后我們就可以在main.js里面去導入jquery了

最后，重啟項目

最最后，騷年，去浪吧