webpack引入jquery

安装依赖

确保项目中已安装webpack和jquery。通过npm或yarn安装jquery：

npm install jquery --save

配置webpack

在webpack配置文件中（通常是webpack.config.js），通过ProvidePlugin将jquery注入全局变量：

const webpack = require('webpack');

module.exports = {
  plugins: [
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery'
    })
  ]
};

导入jquery

在需要使用jquery的模块中，直接通过$或jQuery调用，无需显式导入：

// 直接使用全局变量
$('#element').hide();

使用ES6模块导入（可选）

如果项目使用ES6模块，可以在文件中显式导入jquery：

import $ from 'jquery';

$('#element').show();

处理多实例问题

确保jquery只被加载一次。如果遇到多实例问题，可以在webpack配置中设置externals：

module.exports = {
  externals: {
    jquery: 'jQuery'
  }
};

验证配置

构建项目后，检查浏览器控制台是否能够正常访问$和jQuery全局变量。