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

› Vue.js

This topic created in 2120 days ago, the information mentioned may be changed or developed.

在网上查了一下,大部分文章都说,在 build 文件夹里,webpack 文件里配置.但是 vue/cli4.4.0 生成的项目里面看不到这个文件夹.因此具体应该如何全局使用?
我是用 vue ui 命令打开图形化界面,生成的项目.目前在依赖里面已经安装了 jquery.但是怎么全局引入?却陷入困境.我尝试在 main.js 中加了一条代码:'import $ from 'jquery'',但是未能起作用.

11 replies • 2020-08-21 15:00:26 +08:00

shintendo

Aug 4, 2020

那个文件里用，就在哪个文件里 import
或者 main 里面 import 后挂到 Vue.prototype 上面，或者 window 上面，或者直接 html 里引入
话说回来为什么要在 vue 里面用 jquery 啊

robinlovemaggie

Aug 4, 2020

搭车问：如何在 react 里优雅地使用 vue?

royzxq

Aug 4, 2020

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/