您的位置:首页 > Web前端 > JQuery

vue-cli全引入jquery

2017-10-19 10:02 477 查看
vue-cli全引入jquery:(vue-cli使用webpack)

第一步:

在package.json文件里的dependencies项填入:"jquery" : "^2.2.3"

"dependencies": {
"echarts": "^3.7.1",
"iview": "^2.3.0",
"vue": "^2.4.2",
"vue-router": "^2.7.0",
"jquery" : "^2.2.3"
}


第二步:

在build文件夹里的webpack.base.conf.js文件的module.exports项的最后一项加入:

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


第三步:

在.eslintrc.js文件里env项加入jquery: true;使jquery变为全局变量

env: {
browser: true,
jquery: true
}


第四步:

在main.js里

import $ from 'jquery'
Vue.use($)


第五步:

重新npm install

再重新npm run dev
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: