vue中引入jquery

  1. npm install jquery --save
dependencies:{
  "jquery":"^2.2.1"
}

2.在webpack.base.conf.js中加入一行代码
var webpack=require("webpack")

 var webpack = require('webpack')
 'use strict'
 const path = require('path')
 const utils = require('./utils')
 const config = require('../config')
 const vueLoaderConfig = require('./vue-loader.conf')

在webpack.base.conf.js中module.exports的最后加入这行代码,

  plugins: [
  new webpack.optimize.CommonsChunkPlugin('common.js'),
  new webpack.ProvidePlugin({
    jQuery: "jquery",
    $: "jquery"
  })
    ],
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
    }
  },

3.在main.js中引入,加入下面这行代码,全局引入

import $ from 'jquery'

参考地址:https://www.cnblogs.com/eyed/p/7850946.html

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容