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
基础教程推荐
猜你喜欢
- ztree获取当前选中节点子节点id集合的方法 2024-01-06
- 深入了解TypeScript中的映射类型 2022-10-22
- 通过css3动画和opacity透明度实现呼吸灯效果 2024-04-07
- php-如何将MySql DATETIME结果放入类型为datetime-local的HTML输入中 2023-10-27
- 一款专为移动端打造的UI组件库——VUX中文文档官网介绍 2025-01-15
- Vue中如何实现动态路由的示例代码 2023-07-10
- javascript 解析url的search方法 2024-02-07
- ES6新特性六:promise对象实例详解 2024-02-07
- Express框架定制路由实例分析 2023-07-09
- 使用CSS3的appearance属性改变任何元素的浏览器默认风格 2024-04-07