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

Question

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

我使用了存储库here作为基础，我可以在// ------------------------------------ // Loaders // ------------------------------------ // JavaScript / JSON webpackConfig.module.loaders = [{ test : /\.(js|jsx)$/, exclude : /node_modules/, loader : 'babel', query : config.compiler_babel }, { test : /\.json$/, loader : 'json' }] 中看到以下一段代码，这是我唯一的线索：

index.html

我不知道webpack，我现在找不到任何明确的内容。 我尝试在src/static/scripts/文件中加入，但它从未找到这些文件，这些文件存储在or

中

Answer 1

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

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