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了

最後，重啟項目

最最後，騷年，去浪吧

vue-cli中引入jquery的方法