Webpack связывает JQuery, но я не могу его использовать

Question

Я новичок в Webpack и просто застрял.Я пытаюсь связать плагины jQuery и поместить их в файл plugins-bundled.js.Затем у меня есть локальный файл сценариев, куда идет весь код jQuery.Эти 2 файла загружаются в HTML по порядку: 1. plugins-bundled.js 2. scripts.js Но затем я получил ошибку в консоли Uncaught ReferenceError: jQuery не определен .Что-то мне здесь не хватает?

Конфигурация Webpack

const path = require('path'),
settings = require('./settings');

module.exports = {
  entry: {
    App: settings.themeLocation + "js/plugins.js"
  },
  output: {
    path: path.resolve(__dirname, settings.themeLocation + "js"),
    filename: "plugins-bundled.js"
  },
  module: {
    rules: [
      {
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['env']
          }
        },
        test: /\.js$/,
        exclude: /node_modules/
      }
    ]
  }
}

Файл приложения Webpack

import $ from 'jquery';
window.jQuery = $;
window.$ = $;
import slick from 'slick-carousel';
import localScroll from 'jquery.localscroll';
import popper from 'popper.js';
import bootstrap from './bootstrap.min';

Файл локальных скриптов

(function($){    
  "use strict";    
  // code goes here...    
})(jQuery);