vue-cli webpack 引入jquery的方法

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

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

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

在webpack.base.conf.js里加入@H_301_1@

301_6@

在module.exports的最后加入@H_301_1@

301_6@

然后一定要重新 run dev@H_301_1@

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

下面看下vue 引入jquery的方法

@H_301_1@

1、npm 安装jquery@H_301_1@

301_6@

2、build/webpack.base.conf.js@H_301_1@

301_6@

3、main.js 中引入jquery@H_301_1@

301_6@

4、eslint@H_301_1@

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

总结

@H_301_1@

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

猜你在找的Vue相关文章