webpack jquery不起作用，'$未定义'

Question

我有一个单独的.js用于所有脚本等。在顶部我导入我使用webpack / yarn添加的所有必需脚本。

import 'jquery';
import 'bootstrap';

但是由于我改为使用webpack导入jQuery而不是链接到实际的jQuery脚本，我在Firefox控制台中出现错误。

ReferenceError: $ is not defined,
ReferenceError: jQuery is not defined

Answer 1

使用jQuery，您需要将名称$设置为从库中专门导入，而不是仅导入整个库并依赖于副作用。尝试：

import $ from "jquery";

Answer 2

在您的配置文件中，您可以使用此本机插件：

  new webpack.ProvidePlugin({
     $: 'jquery',
    '$': 'jquery',
    jquery: 'jquery',
    jQuery: 'jquery',
  }),

Answer 3

您可以尝试在main.js或app.js中使用此方法，无论哪个是您的全局Javascript文件。

window.$ = window.jQuery = require('jquery');