在Vue项目里正确地全局引用jQuery插件
2017-09-21 16:08
901 查看
第一步: 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'
第二步:在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 项目里正确地引用 jquery 和 jquery-ui的插件
- 如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
- 如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
- 详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
- 在Vue项目里正确地引用jQuery插件(axios同理)
- 在Vue项目里正确地引用jQuery插件
- 如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
- 在Vue项目里正确地引用jQuery插件
- 如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
- 如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
- 详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
- 如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
- vue 项目里正确地引用 jquery
- 如何在 vue 项目里正确地引用 jquery
- vue-cli快速构建项目>>>>及引入jquery、jquery插件、this的指向 mounted钩子函数应用
- Vue系列——在vue项目中使用jQuery及其第三方插件
- vue-cli项目中,全局引入jquery
- vue-cli webpack 全局引用jquery
- vue-cli项目导入jquery插件(其他插件类似)
- webpack构建VUE项目使用jquery及其插件 expose-loader