1. 程式人生 > >Vue中引入jquery方法 vue-cli webpack 引入jquery

Vue中引入jquery方法 vue-cli webpack 引入jquery

div 分享圖片 ons run imp vue-cli http query npm

在vue-cli 生成的工程中引入了jquery(模板用的webpack)

首先在package.json裏的dependencies加入"jquery" : "^2.2.3",然後npm install或者用npm install --registry=技術分享圖片http://registry.npm.taobao.org安裝的會更快一點

在webpack.base.conf.js裏加入

var webpack = require("webpack")

在module.exports的最後加入

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

然後一定要重新npm run dev

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

Vue中引入jquery方法 vue-cli webpack 引入jquery