vue2 引入外部JQ

一、添加依赖,在package.json中找到dependencies模块,然后往里面追加jQuery,以jq版本2.2.3为例:

"dependencies": {

"vue": "^2.3.3",
"vue-router": "^2.6.0",
"jquery" : "^2.2.3"

},

然后命令行:npm install

二、添加完依赖后,修改webpack配置,找到webpack.base.conf.js,引入:

var webpack = require("webpack")

module.exports挂载jQuery插件:
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]

三、重启页面:

npm run dev

四、引用jQuery:

import $ from 'jquery'

 

posted @ 2017-08-17 18:08  年年桃花飞  阅读(651)  评论(0)    收藏  举报