vue-cli webpack全局引入jquery（jq通过npm安装的并非本地文件）

1、首先在package.json里加入，

dependencies:{"jquery" : "^2.2.3"
}

然后 nmp install

2、在webpack.base.conf.js里加入

var webpack = require("webpack")

3、在module.exports的最后加入

plugins: [new webpack.optimize.CommonsChunkPlugin('common.js'),new webpack.ProvidePlugin({jQuery: "jquery",$: "jquery"})
]

4、然后一定要重新 run dev。

5、在需要使用的地方引入就ok了

import $ from 'jquery'

vue-cli引入外部文件（自己下载好的第三方的插件）

在 webpack.base.conf.js 中添加externals

externals 中 swiper 是键，对应的值一定的是插件 swiper.js 所定义的变量 Swiper :、

之后再在根目录下的index.html文件里引入文件：<script src="static/lib/swiper.js"></script>

这样子就可以在需要用到swiper.js的文件里加入这行代码：import Swiper from 'swiper'，这样就能正常使用了。

转载于:https://www.cnblogs.com/haonanZhang/p/6962222.html

如何在vue里面正确的引用 jquery 和第三方插件相关推荐

jq的插件 vue中引用_详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
本篇文章主要介绍了详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件,具有一定的参考价值,有兴趣的可以了解一下使用vue-cli构建的vue项目,webpack的配置文 ...
Tinymce富文本编辑器在vue项目中的使用；引入第三方插件和上传视频、图片等
先放张效果图第一步:安装依赖 npm install tinymce@5.0.12 第二步:在项目中的public文件夹中新建tinymce文件夹(因为我的项目是脚手架创建的,所以公共文件夹是pub ...
vue-cli配置jquery 以及jquery第三方插件
只使用jquery: 1. cnpm install jquery --save 2. cnpm install @types/jquery --save-dev (不使用ts的不需要安装此声明 ...
Vue中正确使用jQuery的方法
题主Vue小白,入门demo时想在其中使用jQuery(当然可能是不推荐的做法哈,毕竟俩儿的风格不一样,但万一你就需要呢 _^ ^_),结果遇到问题,最终倒腾解决. 编译报错:$ is undefin ...
关于如何在vue中引入jquery？
相信大家有时候都会遇到在vue的项目中引入jquery,但是不会失效,今天就带领大家手把手在vue项目中引入jquery,亲测有效! 1.安装jquery npm install jquery --s ...
如何在vue项目中使用Highmaps(vue+Highmaps)
如何在vue项目中使用Highmaps 功能需求思路分析实现第一步:引入第二步:介绍一下这个world是个啥. 第三步:调用注意点(十分重要) 写在最后功能需求近日我接到了这么一个需求 ...
vux 显示 html,如何在vue项目中使用vux
编者:只需6步,教你如何在vue项目中使用vux, 1.在项目里安装vuxnpm install vux --save2.安装vux-loader (这个vux文档中没有明文跟你说要安装的啦) np ...
如何在vue项目中设置首页
如何在vue项目中设置首页 1.首先创建一个vue为后缀名的文件,最好在新建的文件夹下面创建,如下图所示: 说明:一般我们的主要页面代码都是写在vue 项目中的这个src文件夹下,项目中所会引用到的组 ...
如何在vue项目中系统的使用iconfont字体图标
如何在vue项目中系统的使用iconfont字体图标前言 iconfont的特色官网注册在项目中使用的方式前言今天聊一下前端iconfont的使用方式,前端的图标经过这些年的发展,变得更系统 ...

如何在vue里面正确的引用 jquery 和第三方插件

vue-cli webpack全局引入jquery（jq通过npm安装的并非本地文件）

vue-cli引入外部文件（自己下载好的第三方的插件）

如何在vue里面正确的引用 jquery 和第三方插件相关推荐

最新文章

热门文章

如何在vue里面正确的引用 jquery 和 第三方插件

vue-cli webpack全局引入jquery（jq通过npm安装的并非本地文件）

vue-cli引入外部文件（自己下载好的第三方的插件）

如何在vue里面正确的引用 jquery 和 第三方插件相关推荐

最新文章

热门文章

如何在vue里面正确的引用 jquery 和第三方插件

如何在vue里面正确的引用 jquery 和第三方插件相关推荐