首页 > 其他 > 详细

vue2 引入外部JQ

时间:2017-08-17 19:16:59      阅读:298      评论:0      收藏:0      [点我收藏+]

一、添加依赖,在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‘

 

vue2 引入外部JQ

原文:http://www.cnblogs.com/TaoHua/p/7383422.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!