Блог

Главная - Вопросы по программированию - Импорт сторонних скриптов в приложение React / Redux с помощью webpack

Импорт сторонних скриптов в приложение React / Redux с помощью webpack

#javascript #node.js #webpack #loader

#javascript #node.js #webpack #загрузчик

Вопрос:

Я несколько часов пытался включить файлы сторонних скриптов, такие как jQuery и файл JavaScript Bootstrap, в мое приложение React / Redux, потому что мне нужно, чтобы выпадающий список 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'
}]

Я не знаю webpack и пока не нахожу ничего достаточно ясного для себя.
Я попытался включить в index.html файл, но он никогда не находит эти файлы, которые хранятся в src/static/scripts/

Комментарии:

1. загрузите jquery и загрузитесь через npm, тогда вам не нужно ничего делать с webpack, просто импортируйте, где вам это нужно …. npm install jquery …… import $ from 'jquery'

Ответ №1:

Для использования jQuery включите следующее в определение плагинов webpack:

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