如何正确暴露 jQuery 和 Webpack 5？

Question

有什么具体的方法可以将 jQuery 与 Webpack 5 公开吗？

它曾经在 Webpack 上工作 4 OK，配置如下，但它显示未捕获的Uncaught Reference Error: jQuery is not defined错误现在与 5。

module: {
    rules: [
      {
        test: require.resolve('jquery'),
        loader: 'expose-loader',
        options: {
          exposes: ['$', 'jQuery'],
        },
      },

Answer 1

确认@Sam Chen 上面的评论，Webpack 5（截至 5.75）不需要 expose-loader 来使$作为导入可用。 卸载加载器最简单，将其从 webpack.config.js 中删除，然后添加

import $ from 'jquery';

所有使用它的文件。 对于带有 @types/jquery 的 TypeScript 项目，这可能会变得混乱，因为缺少导入的页面可能不会对此发出警告。