vue-cli webpack 引入jquery的方法


Posted in jQuery onJanuary 10, 2018

今天费了一下午的劲,终于在vue-cli 生成的工程中引入了jquery,记录一下。(模板用的webpack)

首先在package.json里的dependencies加入"jquery" : "^2.2.3",然后install

在webpack.base.conf.js里加入

var webpack = require("webpack")

在module.exports的最后加入

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

然后一定要重新 run dev

在main.js 引入就ok了import $ from 'jquery'

下面看下vue 引入jquery的方法

1、npm 安装jquery

npminstall jquery --save

2、build/webpack.base.conf.js

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

3、main.js 中引入jquery

import $ from 'jquery'

4、eslint 

下一步就是要修改根目录下.eslintrc.js文件了,在改文件的module.exports中,为env添加一个键值对 jquery: true 就可以了

总结

以上所述是小编给大家介绍的vue-cli webpack 引入jquery的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

jQuery 相关文章推荐
jquery+css实现侧边导航栏效果
Jun 12 jQuery
jQuery自动或手动图片切换效果
Oct 11 jQuery
jQuery实现动态添加节点与遍历节点功能示例
Nov 09 jQuery
jquery学习笔记之无new构建详解
Dec 07 jQuery
jQuery图片查看插件Magnify开发详解
Dec 25 jQuery
JQuery实现table中tr上移下移的示例(超简单)
Jan 08 jQuery
jquery应用实例分享_实现手风琴特效
Feb 01 jQuery
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
Feb 20 jQuery
JS拖动选择table里的单元格完整实例【基于jQuery】
May 28 jQuery
JQuery 实现文件下载的常用方法分析
Oct 29 jQuery
jquery轮播图插件使用方法详解
Jul 31 jQuery
jquery实现拖拽小方块效果
Dec 10 jQuery
jQuery第一次运行页面默认触发点击事件的实例
Jan 10 #jQuery
Vue+jquery实现表格指定列的文字收缩的示例代码
Jan 09 #jQuery
如何快速解决JS或Jquery ajax异步跨域的问题
Jan 08 #jQuery
jQuery+SpringMVC中的复选框选择与传值实例
Jan 08 #jQuery
JQuery实现table中tr上移下移的示例(超简单)
Jan 08 #jQuery
(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看
Jan 08 #jQuery
jQuery+CSS实现的table表格行列转置功能示例
Jan 08 #jQuery
You might like
php fsockopen伪造post与get方法的详解
2013/06/14 PHP
使用PHP求两个文件的相对路径
2013/06/20 PHP
thinkphp备份数据库的方法分享
2015/01/04 PHP
php实现指定字符串中查找子字符串的方法
2015/03/17 PHP
Thinkphp5框架实现图片、音频和视频文件的上传功能详解
2019/08/27 PHP
直接生成打开窗口代码,不必下载
2008/05/14 Javascript
iframe 异步加载技术及性能分析
2011/07/19 Javascript
JavaScript通过RegExp实现客户端验证处理程序
2013/05/07 Javascript
提取jquery的ready()方法单独使用示例
2014/03/25 Javascript
《JavaScript DOM 编程艺术》读书笔记之DOM基础
2015/01/09 Javascript
javascript实现瀑布流自适应遇到的问题及解决方案
2015/01/28 Javascript
JavaScript中关于for循环删除数组元素内容时出现的问题
2016/11/21 Javascript
JavaScript构建自己的对象示例
2016/11/29 Javascript
VUE使用vuex解决模块间传值问题的方法
2017/06/01 Javascript
js es6系列教程 - 新的类语法实战选项卡(详解)
2017/09/02 Javascript
小程序点赞收藏功能的实现代码示例
2018/09/07 Javascript
Intellij IDEA搭建vue-cli项目的方法步骤
2018/10/20 Javascript
JavaScript的查询机制LHS和RHS解析
2019/08/16 Javascript
Vue路由守卫及页面登录权限控制的设置方法(两种)
2020/03/31 Javascript
Element-UI 使用el-row 分栏布局的教程
2020/10/26 Javascript
Python实现全局变量的两个解决方法
2014/07/03 Python
Python中条件判断语句的简单使用方法
2015/08/21 Python
怎么使用pipenv管理你的python项目
2018/03/12 Python
python os.listdir按文件存取时间顺序列出目录的实例
2018/10/21 Python
python处理DICOM并计算三维模型体积
2019/02/26 Python
python SVD压缩图像的实现代码
2019/11/05 Python
Python绘制组合图的示例
2020/09/18 Python
CSS3系列之3D制作方法案例
2017/08/14 HTML / CSS
意大利一家专营包包和配饰的网上商店:Borse Last Minute
2019/08/26 全球购物
问卷调查计划书
2014/01/10 职场文书
毕业生自荐书
2014/02/02 职场文书
2014党员学习《反腐倡廉警示教育读本》思想汇报
2014/09/13 职场文书
运动会表扬稿
2015/01/16 职场文书
婚姻出轨保证书
2015/05/08 职场文书
贫困证明怎么写
2015/06/16 职场文书
一文了解MySQL二级索引的查询过程
2022/02/24 MySQL