Javascript 使用使用jQuery和引导的Web包导入第三方库

我正在尝试将第三方主题/模板导入我的

ReactJS

项目，该项目包含我需要的一些css和js代码。我可以很容易地拉的风格，但不是js

以下是我的网页包插件配置：

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

这是我的

index.js

：

import 'jquery';
import 'bootstrap/dist/js/bootstrap.bundle.js'

import './vendor/js/custom.min.js'; << this is what doesn't work

---

请告诉我是否应该包括任何其他详细信息。

您需要包括

$

和

jQuery

作为对jQuery的引用，方法如下：

globals.js

import {$,jQuery} from 'jquery';
window.$ = $;
window.jQuery = jQuery;

app.js

import './globals.js';
import 'custom.min.js';

---

这将强制执行导入顺序，并允许窗口附加jQuery。

但是以后的导入如何？写入

窗口后无法导入它们。$=$

和

window.jQuery=jQuery

Ah，

custom.min.js

不是用ES6编写的吗？（它没有jQuery的导入，并且需要在全局空间中导入吗？）是的，正确，它不是用ES6编写的。对第二个问题也是肯定的，我见过的最接近的一个是在包含库之前将其作为一个单独的文件。我会照样更新答案。嗯，在我尝试了

/globals.js

方法之后，答案还是一样的。错误的导入顺序您使用

npm安装jquery安装jquery

正确吗？是的，我有@philliptomas

import './globals.js';
import 'custom.min.js';