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

【问题标题】：webpack jquery does not work, '$ is not defined'webpack jquery 不起作用，'$ 未定义'
【发布时间】：2018-01-02 13:05:11
【问题描述】：

我对所有脚本等都有一个单独的 .js。在顶部，我导入了使用 webpack/yarn 添加的所有需要的脚本。

import 'jquery';
import 'bootstrap';

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

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

【问题讨论】：

【解决方案1】：

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

import $ from "jquery";

【讨论】：

【解决方案2】：

在你的配置文件中你可以使用这个原生插件：

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

【讨论】：

【解决方案3】：

您可以尝试在您的main.js 或app.js 中使用此方法，以您的全局 Javascript 文件为准。

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

【讨论】：