在Vue项目里正确地全局引用jQuery插件

第一步： npm install jquery --save第二步：在package.json里加入 dependencies:{ "jquery" : "^2.2.3" }第三步：在webpack.base.conf.js里加入va

jzyhc

2629人浏览 · 2017-09-21 16:08:48

jzyhc · 2017-09-21 16:08:48 发布

第一步： npm install jquery --save

第二步：在package.json里加入

dependencies:{

"jquery" : "^2.2.3"

}

第三步：在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

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^