vue中引入jquery

用vue-cli构建好项目之后,怎么引入jquery?

首先,在package.json的dependencies添加jqury以及其版本:

 如下:

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

然后在build文件夹下的webpack.base.config.js文件中先引入webapck:

var webpack=require("webpack")

接着再module.exports对象的最下面添加以下内容:

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

接着在main.js中全局引入jquery:

import $ from 'jquery'

之后在页面用$就不用在单独引入了。

最后运行命令:

npm install --save jquery

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值