vue-cli webpack 引入jquery的方法

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

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


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


@H
403_0@在webpack.base.conf.js里加入


<div class="jb51code">
<pre class="brush:js;">
var webpack = require("webpack")

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

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

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

@H_403_0@

下面看下vue 引入jquery的方法

@H_403_0@1、npm 安装jquery

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

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

@H_403_0@4、eslint

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

@H_403_0@

总结

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

猜你在找的Vue相关文章