vue引入jquery

在写vue项目的时候,需要引入jquery,现在总结下。
1.用vue脚手架,所以需要在webpack中全局引入jquery,打开package.json文件,在里面加上

dependencies:{
  "jquery":"^2.2.1"
}

vue引入jquery

2.然后npm安装jquery
3.在webpack.base.conf.js中加入一行代码

var webpack=require("webpack")

vue引入jquery

4.在webpack.base.conf.js中module.exports的最后加入这行代码

new webpack.ProvidePlugin({
            jQuery: "jquery",
            $: "jquery"
        })

vue引入jquery
5.在main.js中引入,加入下面这行代码,全局引入

import $ from 'jquery';

vue引入jquery
6.最后跑项目就可以了。