Vue3引入JQuery

java_for

于 2022-05-06 11:00:16 发布

阅读量3.1k

点赞数

分类专栏：学习笔记文章标签： jquery npm javascript

本文链接：https://blog.youkuaiyun.com/java_for/article/details/124605411

版权

学习笔记专栏收录该内容

7 篇文章

订阅专栏

1.npm引入JQuery：

npm install --save jquery@1.*

2.npm引入社区提供的申明文件：

npm install @types/jquery --save-dev

3.vue.config.js配置插件：

const webpack=require('webpack');

configureWebpack: {
    plugins: [
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery",
            "windows.jQuery": "jquery"
        })
    ]
}

4.tsconfig.json配置：

"types": [
  "...",//其他配置项
  "jquery"  //这里
],

5. .eslintrc.js配置：

env: {
  ...//其他配置
  jquery: true
},

6.使用：

$('p.').click(()=>{alert('引入完成')})