vue项目开发如何引入jquery插件,下面编程教程网小编给大家了解一下!
安装脚手架
npm install jquery --save
在build/webpack.base.conf.js引入以下代码
//添加webpack代码
var webpack = require('webpack')
resolve: {
//...
},
// 在resolve下面添加代码
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
jquery: "jquery",
"window.jQuery": "jquery"
})
],
在main.js引入jQuery
import 'jquery'
如果安装eslint,需要在.eslintrc.js文件中新增以下代码
env: {
browser: true,
// 添加
jquery: true
}
以上是编程学习网小编为您介绍的“vue项目开发如何引入jquery”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
编程基础网
本文标题为:vue项目开发如何引入jquery
基础教程推荐
猜你喜欢
- 基于Spring Boot利用 ajax实现上传图片功能 2023-02-23
- JS实现图片预加载无需等待 2023-12-13
- bootstrap学习笔记之初识bootstrap 2024-01-16
- 设置层的漂移的简单实现方法 2024-01-09
- Vuex状态管理 2023-10-08
- vue项目动态设置background背景色,解决颜色被替换问题 2025-01-11
- 单元素利用css实现多重边框效果示例代码 2024-03-09
- php – 我试图从MySQL查询生成一个HTML表.这是我试图从MySQL查询生成的表的格式: 2023-10-25
- 高德地图WEB版基础控件展示 原创 2022-11-16
- Cookies的各方面知识(基础/高级)深度了解 2024-01-12
