vue项目中使用jQuery

Posted 2020-11-19 amorr

先进行下载
npm install jquery --save
修改webpack.base.conf文件

‘use strict‘
const path = require(‘path‘)
const utils = require(‘./utils‘)
const config = require(‘../config‘)
const vueLoaderConfig = require(‘./vue-loader.conf‘)
// 1. 引入webpack
const webpack = require(‘webpack‘)
......

module.exports = {
  context: path.resolve(__dirname, ‘../‘),
......

  resolve: {
    extensions: [‘.js‘, ‘.vue‘, ‘.json‘],
    alias: {
      ‘vue$‘: ‘vue/dist/vue.esm.js‘,
      ‘@‘: resolve(‘src‘),
//  2.设备jquery别名
      ‘query‘: path.resolve(__dirname,‘../node_modules/jquery/dist/jquery.min.js‘)
    }
  },
  
//  3.加入全局变量
  plugins: [
    new webpack.PrefetchPlugin({
      $: ‘jquery‘,
      jQuery: ‘jquery‘
    })
  ]
}

在需要使用的文件中

import $ from ‘jquery‘

console.log($)

想在vue项目中使用jquery插件。。。 目前还处于无解中。。