npm i jquery -D

import Vue from 'vue'
import App from './App'
import router from './router'
import $ from 'jquery'//加入此行

Vue.config.productionTip = false

console.warn("==============main.js输出$对象======================");
console.log($);
console.log(window.$);

npm i expose-loader -D

......
 module: {
  rules: [
   //增加以下配置即可
   {
    test: require.resolve('jquery'),
    loader: 'expose-loader"text-align: center">

3 webpack插件法，给每个模块注入$
webpack.config.js（vue-cli 创建的项目可在 webpack.base.conf.js）

中配置


引用 webpack


const webpack = require('webpack')


配置插件


plugins:[
  new webpack.ProvidePlugin({
   $: "jquery",
   jQuery: "jquery",
   jquery: "jquery",
   "window.jQuery": "jquery",
   "window.$": "jquery",
  })
 ]



以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。