如何正確暴露 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 項目，這可能會變得混亂，因為缺少導入的頁面可能不會對此發出警告。