VUE中引入JQuery

作者: 揪个太阳 | 来源:发表于2018-04-26 08:34 被阅读28次

原文：http://www.cnblogs.com/pandabunny/p/5417938.html

今天费了一下午的劲，终于在vue-cli 生成的工程中引入了jquery，记录一下。(模板用的webpack)

首先在package.json里的dependencies加入"jquery" : "^2.2.3"，然后install

在webpack.base.conf.js里加入

var webpack = require("webpack")

在module.exports的最后加入

plugins: [

new webpack.optimize.CommonsChunkPlugin('common.js'),

new webpack.ProvidePlugin({

jQuery: "jquery",

$: "jquery"

})

]

然后一定要重新 run dev

在main.js 引入就ok了import $ from 'jquery'

vue中使用第三方插件
vue中使用swiper.js vue-cli中引入jQuery 1.npm install jquery –sa...
本期小结（一）
vue★ Vue中引入jQuery vue使用element-ui vue的v-cloak使用 vue动态组件 v...
Vue中引入JQuery和Bootstrap方法
一、Vue中引入JQuery 1、因为已经安装了vue-cli脚手架，所以需要在webpack中全局引入jquer...
Vue中引入jQuery
首先新建一个vue-cli项目，vue新建项目步骤可参考https://www.jianshu.com/p/914...
vue中引入JQuery
install 全局安装jquery 修改webpack.base.config.js 修改main.js 这样就...
Vue中引入Jquery
1、安装 2、配置在build中 webpack.base.conf.js中，开头添加以下代码然后在modul...
VUE中引入JQuery
原文：http://www.cnblogs.com/pandabunny/p/5417938.html 今天费了一...
vue中引入jquery
第一步：下载jquery npm install jquery --save-dev 第二步：修改配置文件在we...
vue中引入jquery
1. 在vue中引入jquery 2. 在根目录下的build/webpack.base.config.js先写：...
vue中引入jquery
npm install jquery --save 2.在webpack.base.conf.js中加入一行代码v...