vue2.5+中如何使用jquery，未使用webpack打包工具

最新推荐文章于 2022-10-28 10:32:23 发布
最新推荐文章于 2022-10-28 10:32:23 发布
阅读量1.1k 收藏 1
点赞数 3
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yaomengzhi/article/details/80774234
版权

vue版本：“vue”:"^2.5.16"
1、执行命令 npm install --save jquery
 将jquery添加到packages.json文件下的 dependencies 字段下面；
   dependencies: {
            “jquery”:"^3.3.1",
}
 2、在main.js中加下如下代码

  import $ from "jquery"

  window.$ = $；
雨若雪汐
关注
专栏目录
Vue3+TypeScript？看这一篇就够了
m0_67266171的博客
03-01 3409
1、TypeScript快速上手 1.1 初识 TypeScript TypeScript 的介绍 TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集，最终会被编译为JavaScript代码。 2012年10月，微软发布了首个公开版本的TypeScript，2013年6月19日，在经历了一个预览版之后微软正式发布了正式版TypeScript TypeScript的作者是安德斯·海尔斯伯格，C#的首席架构师。它是开源和跨平台的编程语言。 TypeScript扩展了J
webpack
beyondkim
06-16 170
Webpack 介绍 是什么 打包工具 JavaScript 模块打包之后就可以运行在浏览器 能做什么 webpack 可以当做是一个模块打包平台，但是它本身只能打包 JavaScript 模块 对于其他的文件模块资源，则需要使用第三方 loader 来处理 JavaScript 资源打包 css 打包 图片 打包 less sass babel EcmaScript 6 转 EcmaScript 5 开发工具，http 服务器 代码改变，自动刷新浏览器 压缩代码 webpack 1.x we
详解如何使用webpack打包多页jquery项目
10-17
主要介绍了详解如何使用webpack打包多页jquery项目，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
【vue】在不使用webpack时,引用jquery
最新发布
qq_46057971的博客
10-28 297
3.打开packages.json文件在里面添加jquery。1.npm/cnpm安装jquery依赖。2.安装完成看jquery版本号。4.在main.js里引入。
Vue2不使用webapck等打包工具异步加载
CGod
12-26 773
原因 vue2的学习成本低，如果团队的技术能力不是特别强的话用vue还是可以很快上手的，现在前端各种webapck/gulp/cli等等的工具看着挺懵逼的，因为不是专业的纯前端开发，搞这些玩意儿会很费劲，就是用上了还得考虑一下团队成员是否能搞定，最近有个小项目因为是要放在java项目中去的，去集成webpack就呵呵呵了 我简单的搞了一个vue2的框架，没有全家桶，还有requirejs用的不多
vue项目中使用jquery，全局引入不生效
weixin_41506373的博客
05-11 1844
按照网上的方法在webpack.base.config.js中配置全局引入jquery一直不生效 // 增加一个plugins plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }) ], 网上的教程也没有说明为什么会这样，后来发现重新npm run dev，重新启动项目才会生效。 ...
判断当前所处环境是否处于小程序还是微信（判断当前页面是否是由小程序进入的）
学而时习之，不亦说乎。
02-28 1878
1. 首先用小程序自带的方法判断 window.__wxjs_environment === ‘miniprogram’ 为true即为小程序入口进入的页面 可是 安卓次方法无效 function wxProgramExec(fn) { var url = location.search; if(window.__wxjs_environment === ‘miniprogram’ || url...
Nodejs+ES6+NPM+Babel+模块化+webpack
weixin_54236608的博客
03-28 392
大前端一、Nodejs1.引入库2.读入数据 一、Nodejs Nodejs下载链接 Nodejs是一门服务端的语言，是解释型语言，不需要编译，运行在V8（jvm）引擎中，运行的命令是：node；后缀是js 在vscode中终端运行，先保存，可以tab键自动补全 1.引入库 代码如下（示例）： import numpy as np import pandas as pd import matplotlib.pyplot as plt import seaborn as sns import warni
Vue2.5学习笔记10.3 打包交给后端
@凌晨三点半的博客
04-11 563
执行 npm run build 命令完成后会生成 将这两个目录丢给后端就完事了。 不过有要求 必须要放在根目录下 也就是说 XXX:80/ 这个根目录 如果不想这样想单独建一个目录然后给访问那就需要去修改下 build: { // Template for index.html index: path.resolve(__dirname, '....
webpack打包多页面的方式
weixin_33966095的博客
12-09 331
一开始接触webpack是因为使用Vue的关系，因为Vue的脚手架就是使用webpack构建的。刚开始的时候觉得webpack就是为了打包单页面而生的，后来想想，这么好的打包方案，只在单页面上使用是否太浪费资源了呢？如果能在传统多页面上使用webpack，开始效率是否会事半功倍呢？好在众多优秀的前端开发者已经写了许多demo和文章供人学习。我也写了一个小项目，希望对大家学习webpack有帮助。 ...
vue2.5打包出来的背景图的路径问题
Zhooson的博客
12-12 325
解决办法为：只需要在build/utils.js文件中添加如下一行代码即可。
vue.js和webpack项目中引入jquery等第三方插件的方法总结
ansiblexxxxxxxxxxx
01-22 5127
在vue.js中也可以使用依赖dom的第三方插件， 比如jquery 引入jquery: 第一种，在模板页中用script标签引入jquery，不需要npm，在webpack.base中配置下面的忽略项，注意此种方式不能和plugin插件形式同时使用， 此种方法优点是不需要npm安装，可以使用cdn链接，或者公司统一的版本，而且不需要经过webpack编译，也利于浏览器缓存。webpac
webpack打包jquery多页_详解如何使用webpack打包多页jquery项目
weixin_39732316的博客
12-20 481
虽然已经2019年了不过有一些项目还是需要用到jquery的不过考虑到使用jquery的一堆兼容性问题也为了可以顺利地使用ES6来撸代码研究使用webpack+babel打包代码来发布几个重点：1.为了将模块分割加载，不至于一个js文件过大，一个页面中使用多个js文件2.由于是多页项目(多个html)，每个页面使用的js文件都不一致基于以上两点，需要配置多个入口文件3.会把小图片转换成base64...
Vue+Webpack引入Jquery第三方插件,jQuery is not defined 错误,解决方案
热门推荐
SImon_Lee的博客
05-12 2万+
前言：由于对webpack的了解有限，所以在项目部署出现许多问题 一、webpack使用ES6语法，第三方js可以引入通过import，可以通过npm 配置到项目中或者直接下再加入项目js文件中 首先无论require还是import，都不是webpack的发明，它们是已经存在于世的不同的模块化规范(目前都不能直接运行于浏览器,于是需要通过webpack在配合各种plugin、loader将其
Vue 中使用 jQuery
Cool的博客
10-10 1643
题主Vue小白，入门demo时想在其中使用jQuery（当然可能是不推荐的做法哈，毕竟俩儿的风格不一样，但万一你就需要呢 _^ ^_），结果遇到问题，最终倒腾解决。 编译报错：$ is undefined or no-undef '$' is not defined， 假设你已经使用vue-cli搭建好了开发的脚手架，接下来，看下面。。。 NPM 安装 jQuery，项目根目录下运行...
vue中不通过./build/webpack.base.conf.js 配置使用jquery
yth_m_123的博客
05-20 4913
在使用vue-cli搭建的项目中，是无法直接在组件中使用jquery的。如果想使用，要先进行一些配置。 网上许多文章都是介绍如何在./build/webpack.bace.conf.js文件中配置使用jquery，但是有些人的项目目录中没有./build，这应该只是脚手架搭建的目录结构不同。 这时候应该找node_modules/@vue/cli-service/webpack.config.js这个文件，进行配置。 1.安装jquery $ cnpm install jquery -S 或者 $ npm
解决Vue项目里集成外部JS文件（JQ写法），JS文件不生效的方法
u013789737的博客
08-11 4997
解决Vue项目里集成外部JS文件（JQ写法），JS文件不生效的方法 最近的想将已经写好的一个项目改成VUE项目（原项目里的js文件都是用JQ写的） 第一步： 安装vue 项目里安装jquery 第二步： 引入js文件，引入的写法如下： import {toastr} from “./…/assets/js/toastr.min.js” 注意： 所有引入的JS文件里的内容都要写在$(functi...
vue项目中正确添加jquery
SHALLNY
03-01 7033
1.用了vue项目之后确实在处理html界面中的数据特别方便也适用，但是随之功能点的需求更新，发现vue项目也有实现不了的功能 2.在界面中需要用到jquery的fullpage插件，此时还是需要在vue项目中导入jquery 3.此时的导入jquery不像原来的script引入了，而是需要命令行安装以及配置数据 此时若为cnpm则修改为cnpm npm install jQuery ...
Vue2.5+全面迁移至Typescript实战指南
Vue官方推荐使用`Vue-class-component`和`Vue-property-decorator`库，它们允许使用类和装饰器的方式编写Vue组件代码。对于基于vue-cli@3.x的项目，还需安装`@vue/cli-plugin-typescript`和`typescript`。接着，需要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值