VUE項目引入jquery

既然寫項目，那麼少不了用jq，那咱們就引入進來吧

一、由於已經安裝了vue腳手架，因此須要在webpack中全局引入jquery

打開package.json文件，在裏面加入這行代碼，jquery後面的是版本，根據你本身需求更改。

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

二、而後在命令行中cnpm install 

大多人應該都是使用的淘寶鏡像，因此使用cnpm，若是你不是 ，能夠使用npm安裝。

三、在webpack.base.conf.js中加入一行代碼

　　var webpack=require("webpack")

　　

四、在webpack.base.conf.js中module.exports的最後加入這行代碼，

　　

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

 

　　

五、在main.js中引入,加入下面這行代碼，全局引入

import $ from 'jquery'

 

 

六、最後一步，從新跑一遍就好，控制檯輸入npm run dev    

你會神奇的發現，jq能夠用了！