Question

我正在使用reactjs，并且需要在Webpack中全局导入$。

我知道我可以像这样导入每个组件

import $ from 'jquery'

但是它正在每个组件中使用，因此我想避免在每个组件中编写它。那么我该如何使用webpack做到这一点，或者还有其他方法可以做到这一点

我已经在webpack中添加了它，但仍然无法正常工作

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

任何帮助将不胜感激！

Answer 1

使用ProvidePlugin

https://webpack.js.org/plugins/provide-plugin/

plugins: [ new webpack.ProvidePlugin({$: 'jquery'}) ]

在webpack中全局添加$ jquery

1 个答案: