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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue/cli4.4.0 中如何全局使用jquery?相关的知识,希望对你有一定的参考价值。

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

参考技术A 试试
import $ from 'jquery'
window.$ = $
?本回答被提问者采纳

使用vue-cli开发过程中如何把jQuery设置为全局

说明:vue-cli是vue快速构建项目的命令行式开发模式。

vue主要针对数据层,更多的操作在数据上,很少在DOM上,偶尔也会需要操作DOM,偶尔也会用到JQ插件,下面简单说下如何在使用vue-cli开发时候把JQ设置为全局的公用方法。

步骤:

1、npm install jquery -S

此时package.json内会自动添加一个最新版本的jquery,如果需要指定版本,安装的时候自己指定。

如下图

2、打开build/webpack.base.conf.js文件,最上面先添加一行:var webpack = require("webpack")

再在下面添加上webpack的插件如下图的位置

3、此时已经成功吧JQ设置为全局了,使用的时候可以像使用script那样正常使用了!

以上是关于vue/cli4.4.0 中如何全局使用jquery?的主要内容,如果未能解决你的问题,请参考以下文章

vue 引入全局组件/局部引入

如何使用 PostCSS 在 Vue 中导入全局 CSS?

如何在 Vue-CLI 3 项目中全局声明 jQuery?

vue自定义指令(过滤器/函数)保留小数点后两位

vue中设置全局请求头,并判段地址为/my为设置请求头

webpack 配置scssless全局样式(自定义的,vue-cli2/3)