vue如何引入jquery（vue+webpack4.0+iview2.14+vuex+es6+stylus架构二）

为什么要引入jquery?

    很多人vue的插件库没有jquery完善，比如导出word、excel等功能

    很多人依赖jquery开发，转成vue一时之间无法完全适应，但是建议少在vue中引入jquery，需要插件可以去github或者vue社区找。

第一步：安装jquery依赖

cnpm i jquery@latest --save

解释：

    @latest表示安装最新的包

    --save表示安装为production环境依赖

第二步：引入jquery到项目

src/main.js
import $ from 'jquery'
window.$=$

解释：

    为什么要window.$=$ ?因为不加这句在控制台$.fn===undefined; 无法在控制台使用jquery的方法

第三步：webpack配置jquery

build/webpack.base.conf.js

const webpack = require('webpack')

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

解释:

    在头部导入webpack; 在module.exports中加入jquery的配置即可

    然后就可以在代码的任意位置用$愉快的使用jquery的所有方法了

（ps:有问题随时可以留言问我）

上一篇：搭建vue框架（vue+webpack4.0+iview2.14+vuex+es6+stylus架构一）

下一篇：vue如何引入echart（vue+webpack4.0+iview2.14+vuex+es6+stylus架构三）