vue-cli配置jquery 以及jquery第三方插件

只使用jquery：

1. cnpm install jquery --save

2. cnpm install @types/jquery --save-dev (不使用ts的不需要安装此声明文件)

3.在使用jquery的文件中： import $ from 'jquery';

----------以上便可以在项目中使用jQuery，线面讲解如何在项目中使用jquery的第三方插件 --------

以jquery-caret为例

1. 按上面步骤安装完jquery后，修改webpack配置文件build/webpack.base.conf.js

...
var webpack = require("webpack")
module.exports = {...resolve: {extensions: ['.js', '.vue', '.json'],modules: [resolve('src'),resolve('node_modules')],alias: {'vue$': 'vue/dist/vue.common.js','src': resolve('src'),'assets': resolve('src/assets'),'components': resolve('src/components'),// 1. 定义别名和插件位置'jquery': 'jquery' }},plugins: [...,// 2. 配置全局使用 jquery，这里一定要有，因为jQuery第三方插件基于jquery，如果这里不提供，那么使用第三方插件则会报错new webpack.ProvidePlugin({$: "jquery",jQuery: "jquery",// jquery: "jquery",//"window.jQuery": "jquery"})]
}

2. 安装第三方插件：cnpm install jquery-caret --save

并在main.ts中引入

import caret from "jquery-caret"
Vue.use(caret)

3. 然后就可以在需要的地方使用了

转载于:https://www.cnblogs.com/XHappyness/p/7682266.html

vue-cli配置jquery 以及jquery第三方插件相关推荐

vue cli配置代理解决跨域问题
内容跨域问题解决跨域问题 vue cli配置代理跨域问题是由于违背了同源策略,同源策略规定了协议名.主机名.端口号必须一致我们目前所处的位置是http localhost 8080,我们想向 ...
vue连线插件_【Vue CLI】手把手教你撸插件
现如今 Vue 作为主流的前端框架之一,其健全的配套工具,活跃的开源社区,让广发码农热衷追捧.Vue CLI 作为其官方的开发构建工具,目前已更新迭代到 4.x 版本,其内部集成了日常开发用到的打包压 ...
vue.cli配置选项，以防忘记，故此记录
vue-cli2和3的config不相同,vue-cli3更加简洁了而已,vue.config.js是自己根据自己的需求新建的文件,开始时是没有的. 在根目录下新建vue.config.js modu ...
Vue CLI配置与安装
文章目录一.关于Vue CLI 安装Node.js 安装Vue CLI 创建Vue CLI项目启动项目停止服务重启服务二. Vue CLI项目结构关于.vue视图文件关于路由配置关于r ...
Vue CLI 官方文档（一）@vue/cli、@vue/cli-service、插件和 Preset
Vue CLI 官方文档(一)@vue/cli.@vue/cli-service.插件和 Preset 文章目录 Vue CLI 官方文档(一)@vue/cli.@vue/cli-service.插件 ...
Vue CLI 是如何实现的 -- 终端命令行工具篇
若微信中阅读体验不佳,可点击阅读原文在 PC 端阅读. Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供了终端命令行工具.零配置脚手架.插件体系.图形化管理界面等.本文暂且只分析 ...
jq的插件 vue中引用_详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
本篇文章主要介绍了详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件,具有一定的参考价值,有兴趣的可以了解一下使用vue-cli构建的vue项目,webpack的配置文 ...
jQuery第三方插件
jQuery第三方插件 1.layer 2.瀑布流插件 3.图片懒加载 4.cookie操作插件 5.表单验证 jquery提供很多非常好用的插件,使用这些插件能够让我们开发网页的速度大大提升. 推荐 ...
jQuery中所用到的第三方插件
我在jquery的学习中,用到了三个第三方的插件,为了能够更方便的查看,把在jQuery中用到的第三方插件整合一个. 首先是cookie插件 cookie插件在jquery中的js样式:cookie在 ...

vue-cli配置jquery 以及jquery第三方插件

vue-cli配置jquery 以及jquery第三方插件相关推荐

最新文章

热门文章