vue/cli4.4.0 中如何全局使用 jquery? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ZhouWenhao529
V2EX    Vue.js

vue/cli4.4.0 中如何全局使用 jquery?

  •  
  •   ZhouWenhao529 2020-08-04 20:44:02 +08:00 3097 次点击
    这是一个创建于 1946 天前的主题,其中的信息可能已经有所发展或是发生改变。
    在网上查了一下,大部分文章都说,在 build 文件夹里,webpack 文件里配置.但是 vue/cli4.4.0 生成的项目里面看不到这个文件夹.因此具体应该如何全局使用?
    我是用 vue ui 命令打开图形化界面,生成的项目.目前在依赖里面已经安装了 jquery.但是怎么全局引入?却陷入困境.我尝试在 main.js 中加了一条代码:'import $ from 'jquery'',但是未能起作用.
    11 条回复    2020-08-21 15:00:26 +08:00
    shintendo
        1
    shintendo  
       2020-08-04 21:33:28 +08:00
    那个文件里用,就在哪个文件里 import
    或者 main 里面 import 后挂到 Vue.prototype 上面,或者 window 上面,或者直接 html 里引入
    话说回来为什么要在 vue 里面用 jquery 啊
    robinlovemaggie
        2
    robinlovemaggie  
       2020-08-04 21:33:35 +08:00
    搭车问:如何在 react 里优雅地使用 vue?
    royzxq
        3
    royzxq  
       2020-08-04 21:36:31 +08:00
    vue.config.js
    ```js

    module.exports = {
    configurewebpack: {
    resolve: {
    externals: { jquery: 'jQuery' }
    }
    }
    }
    ```

    index.html

    <script src="path/to/jquery" ></script>

    https://cli.vuejs.org/zh/config/#configurewebpack

    https://webpack.docschina.org/configuration/externals/
    Jirajine
        4
    Jirajine  
       2020-08-04 21:52:42 +08:00 via Android
    @robinlovemaggie 还真有人吃饱了没事干这样混用 https://github.com/akxcv/vuera
    ZhouWenhao529
        5
    ZhouWenhao529  
    OP
       2020-08-04 22:12:01 +08:00
    @shintendo 谢谢大佬
    ZhouWenhao529
        6
    ZhouWenhao529  
    OP
       2020-08-04 22:12:13 +08:00
    @royzxq 谢谢大佬
    ZhouWenhao529
        7
    ZhouWenhao529  
    OP
       2020-08-04 22:14:30 +08:00
    @shintendo 别人的项目,然后需要完善,
    ZhouWenhao529
        8
    ZhouWenhao529  
    OP
       2020-08-04 22:15:57 +08:00
    @Jirajine 都是高手
    zhangchaoxu
        9
    zhangchaoxu  
       2020-08-05 09:02:48 +08:00
    基本就是 royzxq 的思路,我在实际项目中实践过。
    见[问题 3]( https://onex.nb6868.com/qa)
    tikazyq
        10
    tikazyq  
       2020-08-05 10:15:16 +08:00
    试试在肯德基点巨无霸汉堡
    jake361
        11
    jake361  
       2020-08-21 15:00:26 +08:00
    @robinlovemaggie 为啥要在 react 里用 vue 啊哈哈
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1075 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 23:14 PVG 07:14 LAX 15:14 JFK 18:14
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86