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


猜你喜欢
- 简单介绍Vue3有哪些可视化工具 2025-01-13
- JavaScript 程序循环结构详解 2023-08-08
- 简单实体类和xml文件的相互转换方法 2023-02-14
- XHTML下,JS浮动代码失效的问题 2023-12-26
- layui自定义组件根据id获取id内的form值 2023-08-31
- jQuery+CSS3折叠卡片式下拉列表框实现效果 2024-02-20
- js实现复制功能(多种方法集合) 2023-12-23
- 标记语言——清单 2024-01-04
- 基于vue实现探探滑动组件功能 2024-01-02
- 在Vue中实现随hash改变响应菜单高亮 2023-12-24