vue-cli webpack 引入jquery的方法

前端之家收集整理的这篇文章主要介绍了vue-cli webpack 引入jquery的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

今天费了一下午的劲,终于在vue-cli 生成的工程中引入了jquery,记录一下。(模板用的webpack)

首先在package.json里的dependencies加入"jquery" : "^2.2.3",然后install

在webpack.base.conf.js里加入

在module.exports的最后加入

然后一定要重新 run dev

在main.js 引入就ok了import $ from 'jquery'

下面看下vue 引入jquery的方法

1、npm 安装jquery

2、build/webpack.base.conf.js

3、main.js 中引入jquery

4、eslint

下一步就是要修改根目录下.eslintrc.js文件了,在改文件的module.exports中,为env添加一个键值对jquery: true就可以了

总结

以上所述是小编给大家介绍的vue-cli webpack 引入jquery的方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的Vue相关文章