我是靠谱客的博主 感动小蝴蝶,这篇文章主要介绍vue cli 通过npm引入第三方js(jquery),现在分享给大家,希望可以做个参考。

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

默认已经安装好node环境、npm依赖等vue基础环境,如果未运行vue,请参考https://cn.vuejs.org/v2/guide/installation.html#命令行工具-CLI

1.管理员身份运行cmd,进入到项目路径下, 运行

复制代码
1
npm install jquery --save -dev

注意一定要使用管理员身份运行cmd,否则会报错

2.打开vue项目,在bulid>webpack.base.conf.js文件内的module.exports对象

添加

复制代码
1
2
3
4
5
6
7
plugins: [ new webpack.optimize.CommonsChunkPlugin('common.js'), new webpack.ProvidePlugin({ jQuery: "jquery", $: "jquery" }) ]

164224_dGXu_2680178.png

3. 在命令行运行 npm run dev(如果之前已经在运行,则重新运行一次)

4.在main.js入口文件内添加jquery引用即可全局引用jquery

复制代码
1
import $ from 'jquery'

 

164425_H0An_2680178.png

这样已经引入成功了,自己在但页面试下效果就可以了。

 

转载于:https://my.oschina.net/CrazyBoy1024/blog/1556758

最后

以上就是感动小蝴蝶最近收集整理的关于vue cli 通过npm引入第三方js(jquery)的全部内容,更多相关vue内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(43)

评论列表共有 0 条评论

立即
投稿
返回
顶部