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

2020-08-04 20:44:02 +08:00
 ZhouWenhao529
在网上查了一下,大部分文章都说,在 build 文件夹里,webpack 文件里配置.但是 vue/cli4.4.0 生成的项目里面看不到这个文件夹.因此具体应该如何全局使用?
我是用 vue ui 命令打开图形化界面,生成的项目.目前在依赖里面已经安装了 jquery.但是怎么全局引入?却陷入困境.我尝试在 main.js 中加了一条代码:'import $ from 'jquery'',但是未能起作用.
2622 次点击
所在节点    Vue.js
11 条回复
shintendo
2020-08-04 21:33:28 +08:00
那个文件里用,就在哪个文件里 import
或者 main 里面 import 后挂到 Vue.prototype 上面,或者 window 上面,或者直接 html 里引入
话说回来为什么要在 vue 里面用 jquery 啊
robinlovemaggie
2020-08-04 21:33:35 +08:00
搭车问:如何在 react 里优雅地使用 vue?
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
2020-08-04 21:52:42 +08:00
@robinlovemaggie 还真有人吃饱了没事干这样混用 https://github.com/akxcv/vuera
ZhouWenhao529
2020-08-04 22:12:01 +08:00
@shintendo 谢谢大佬
ZhouWenhao529
2020-08-04 22:12:13 +08:00
@royzxq 谢谢大佬
ZhouWenhao529
2020-08-04 22:14:30 +08:00
@shintendo 别人的项目,然后需要完善,
ZhouWenhao529
2020-08-04 22:15:57 +08:00
@Jirajine 都是高手
zhangchaoxu
2020-08-05 09:02:48 +08:00
基本就是 royzxq 的思路,我在实际项目中实践过。
见[问题 3]( https://onex.nb6868.com/qa)
tikazyq
2020-08-05 10:15:16 +08:00
试试在肯德基点巨无霸汉堡
jake361
2020-08-21 15:00:26 +08:00
@robinlovemaggie 为啥要在 react 里用 vue 啊哈哈

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/695636

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX