vue-cli如何引入jquery

vue-cli如何引入jquery

问题描述:

老师,我用"npm install jquery -S"命令安装了jQuery,可是要怎么全局引入呀?我看网上很多的项目都是包含了webpack的,要配置一个webpack文件的,难道没有webpack就不能用吗?

例如这个:https://www.cnblogs.com/shapeY/p/7717583.html

这个链接就是要配置webpack的配置文件的

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
Brian 2021-07-30 09:52:56

最简单的,就是在public/index.html中,引入jquery.min.js

  • 提问者 荣仔记 #1

    http://img1.sycdn.imooc.com//climg/6104ee6009907b2808920576.jpg

    http://img1.sycdn.imooc.com//climg/6104ee6009088b6a12300547.jpg

    老师我引入了,谷歌浏览器控制台上也能使用$关键字了,可method里使用却报"  $ is not defined  "

    2021-07-31 14:34:05
  • Brian 回复 提问者 荣仔记 #2

    需要设置一个全局的变量:

    1
    const webpack = require("webpack");<br>module.exports = {<br>    configureWebpack: {<br>        //支持jquery<br>        plugins: [<br>            new webpack.ProvidePlugin({<br>                $:"jquery",<br>                jQuery:"jquery",<br>                "windows.jQuery":"jquery"<br>            })<br>        ]<br>    },<br>};<br>

    然后要注意在eslint中也要配置:

    1. "env": {

    2. "jquery": true //此处配置意思为全局引入jquery,详情可查看文档

    3. },


    2021-08-01 10:17:26
  • Brian 回复 提问者 荣仔记 #3

    你可以安装jquery,然后import $ from 'jquery',

    然后配置jquery为external:


    module.exports = {
    configureWebpack:{
    externals: {
    'jquery' : '$',
    }
    },
    };


    2021-08-02 16:24:26
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师
插入代码