如何使用 Webpack 5 正确公开 jQuery？

Question

是否有任何特定方法可以使用 Webpack 5 公开 jQuery？

它曾经在 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）不需要公开加载器即可$作为导入使用。最简单的方法是卸载加载程序，将其从 webpack.config.js 中删除，然后添加

import $ from 'jquery';

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