Vue.js - Vue 项目引入 JQuery 框架(上)

简介: Vue.js - Vue 项目引入 JQuery 框架(上)
+关注继续查看

既然写项目,那么少不了用 JQ,那我们就引入进来吧~

 

1、因为已经安装了 Vue 脚手架,所以需要在 Webpack 中全局引入 JQuery

打开 package.json 文件,在里面加入这行代码,jquery 后面的是版本,根据你自己需求更改。


dependencies:{
  "jquery":"^2.2.1"
}

image.png

2、然后在命令行中 cnpm install,大多人应该都是使用的淘宝镜像,所以使用 cnpm,如果你不是 ,可以使用 npm 安装。

 

3、在 webpack.base.conf.js 中加入一行代码


let webpack = require("webpack")

image.png

4、在 webpack.base.conf.js 中 module.exports 的最后加入这行代码。


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

image.png

目录
相关文章
|
20天前
|
JavaScript 前端开发 开发工具
基于 Vue3.0 和 Ant Design Vue ,高颜值管理后台UI框架vue-vben-admin运行
基于 Vue3.0 和 Ant Design Vue ,高颜值管理后台UI框架vue-vben-admin运行
54 1
|
20天前
|
JavaScript 前端开发 小程序
Vue移动端UI框架
Vue移动端UI框架
31 0
|
25天前
|
JavaScript 前端开发 开发者
Vue系列教程(18)- 集成UI框架(ElementUI)
Vue系列教程(18)- 集成UI框架(ElementUI)
24 1
|
27天前
|
JavaScript
Vue框架Element UI教程-axios表格分页(九)
Vue框架Element UI教程-axios表格分页(九)
20 0
|
27天前
|
JavaScript 前端开发
Vue框架Element UI教程-页面渲染(八)
Vue框架Element UI教程-页面渲染(八)
22 0
|
27天前
|
JavaScript 前端开发 API
Vue框架Element UI教程-Mock的使用(七)
Vue框架Element UI教程-Mock的使用(七)
16 0
|
27天前
|
JSON JavaScript 数据格式
Vue框架Element UI教程-axios请求数据(六)
Vue框架Element UI教程-axios请求数据(六)
21 0
|
27天前
|
JavaScript
Vue框架Element UI教程-导航栏跳转路由(五)
Vue框架Element UI教程-导航栏跳转路由(五)
11 0
|
27天前
|
JavaScript
Vue框架Element UI教程-左侧导航栏(四)
Vue框架Element UI教程-左侧导航栏(四)
19 0
|
27天前
|
JavaScript
Vue框架Element UI教程-出现和隐藏动画(三)
Vue框架Element UI教程-出现和隐藏动画(三)
13 0
相关产品
云迁移中心
推荐文章
更多