vue工程化之项目引入jquery
2023-09-11 14:19:07 时间
既然写项目,那么少不了用jq,那我们就引入进来吧
1、因为已经安装了vue脚手架,所以需要在webpack中全局引入jquery
打开package.json文件,在里面加入这行代码,jquery后面的是版本,根据你自己需求更改。
dependencies:{
"jquery":"^2.2.1"
}
2、然后在命令行中cnpm install
大多人应该都是使用的淘宝镜像,所以使用cnpm,如果你不是 ,可以使用npm安装。
3、在webpack.base.conf.js中加入一行代码
var webpack=require("webpack")
4、在webpack.base.conf.js中module.exports的最后加入这行代码,
1
2
3
4
5
6
7
|
plugins: [ new webpack.optimize.CommonsChunkPlugin( 'common.js' ), new webpack.ProvidePlugin({ jQuery: "jquery" , $: "jquery" }) ] |
5、在main.js中引入,加入下面这行代码,全局引入
1
|
import $ from 'jquery' |
6、最后一步,重新跑一遍就好,控制台输入npm run dev
你会神奇的发现,jq可以用了!
相关文章
- Vue笔记:Vue3配置axios跨域
- Vue笔记:vue项目引入bootstrap、elementUI、echarts
- [JQuery] jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式
- Vue_(Router路由)-vue-router路由的基本用法
- 使用Vue-cli 脚手架生成的项目使用Vetur+ Prettier + ESlint的配置设置代码规范和格式
- vue中8种组件通信方式, 值得收藏!
- vue框架,数据展示和分析,报告管理界面
- JQuery模板插件jquery.tmpl-动态ajax扩展
- Vue.js3: 页面打开前实现图片全部预加载(vue@3.2.33)
- Vue入门教程:node安装vue命令行工具及启动项目
- 一个典型的Vue应用的App.vue
- standalone vue initialization process - Vue应用的初始化过程
- Atitit mvc之道 attilax著 以vue为例 1. Atitti vue的几大概念1 1.1. 声明式渲染1 1.2. 条件与循环2 1.3. 处理用户输入 click事件2 1
- Vue CLI 4.x安装成功,但是无法运行vue-V等指令。报错vue -V 不是内部或外部命令,也不是可运行的程序或批处理文件解决方案!!!
- 计算机毕设 SSM Vue 电影院在线售票管理系统(含源码+论文)
- echarts在Vue项目中的实际运用效果图
- Vue中vue-i18n结合element-ui实现国际化
- Vue、Vuejs从入门到精通 | vue-router详解
- Vue 开发必须知道的 36 个技巧【近1W字】
- vue-tour快速入门:VUE项目中如何使用vue-tour新手引导指引插件?怎样使用?包含具体实例
- Vue学习笔记——vue-router