Javascript 使用webpack将第三方脚本导入React/Redux应用程序

我已经尝试了几个小时在我的React/Redux应用程序中包含第三方脚本文件，如jQuery和Bootstrap的JavaScript文件，因为我需要Bootstrap的下拉列表才能工作

我使用存储库作为基础，在

webpack.config.js

中可以看到以下代码，这是我唯一的线索：

// ------------------------------------
// Loaders
// ------------------------------------
// JavaScript / JSON
webpackConfig.module.loaders = [{
  test    : /\.(js|jsx)$/,
  exclude : /node_modules/,
  loader  : 'babel',
  query   : config.compiler_babel
}, {
  test   : /\.json$/,
  loader : 'json'
}]

我不知道网页包，我发现目前还没有足够清楚的内容。

---

我尝试在

index.html

文件中包含这些文件，但它从未找到这些文件，这些文件存储在

src/static/scripts/

中，用于使用jQuery，在webpack的插件定义中包含以下内容：

plugins: [
  ...
  new webpack.ProvidePlugin({
    $: "jquery",
    jQuery: "jquery",
    "window.jQuery": "jquery"
  }),
  ...
],

---

要使用jQuery，请在webpack的插件定义中包括以下内容：

plugins: [
  ...
  new webpack.ProvidePlugin({
    $: "jquery",
    jQuery: "jquery",
    "window.jQuery": "jquery"
  }),
  ...
],

---

通过npm下载jquery和bootstrap，然后您不需要对webpack做任何事情，只需在您需要的地方导入即可

npm安装jquery

…

从“jquery”导入$

通过npm下载jquery和引导，然后您无需对webpack执行任何操作，只需在需要的地方导入即可

npm安装jquery

…

从“jquery”导入$