Webpack+Vue导入Jquery和Jquery的第三方插件

简介: Webpack+Vue导入Jquery和Jquery的第三方插件

创建一个jquery-vendor.js文件

import $ from 'jQuery';

console.log($); //用来让你了解里面都是什么,之后记得删除或注释掉
window.$ = $;
window.jQuery = $;
export default$;
//导入JQuery,并赋值给window对象,使其成为一个全局变量。

在vue组件做如下引用

import $ from './assets/jquery-v';   //导入jQuery

import 'bootstrap-material-design';//组件

//调用初始化

$(function(){

 $.material.init();

});
AI 代码解读

备注:该方法是用于组件中,但是main.js已经引用jQuery.js 再在组件中这样书写会报错

目录
打赏
0
0
0
0
106
分享
相关文章
jquery无限循环内容滑块插件
jquery无限循环内容滑块插件
简单轻量级的jquery图表插件
简单轻量级的jquery图表插件
jQuery响应式内容选项卡插件
jQuery响应式内容选项卡插件
支持多种动画特效的响应式jQuery幻灯片插件
支持多种动画特效的响应式jQuery幻灯片插件
nodejs中如何导入jQuery
Node.js虽为后端环境,但可通过npm安装jQuery并结合jsdom模拟DOM,从而在项目中使用前端库。本文介绍如何在Node.js中导入和使用jQuery,简化HTTP请求和页面操作,并提供Web爬虫示例,展示如何抓取网页标题。通过这种方式,开发者可以在不依赖浏览器的情况下复用已有jQuery代码,减少重复劳动并提高开发效率。
40 3
Webpack 插件底层的实现原理是什么?
Webpack 插件通过其插件系统扩展功能,满足不同构建需求。基于事件流模型,Webpack 在编译过程中触发多种事件(如 compile、make、emit、done),插件可监听并执行自定义逻辑。Webpack 使用 tapable 模块管理这些事件,提供 sync、async、promise 等钩子类型。开发者在配置文件中注册插件,通过 apply 方法初始化并注册所需钩子。插件生命周期与编译过程紧密相关,在不同阶段介入执行任务。例如,compilation 事件在每次编译开始时触发,emit 事件在生成输出文件前触发,done 事件在编译完成时触发。
|
3月前
jQuery+Slick插件实现游戏人物轮播展示切换源码
jQuery+Slick插件实现游戏人物轮播展示切换源码
56 14
|
4月前
|
jquery文字动画特效插件animatext
jquery文字动画特效插件animatext
139 9
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等