Webpack捆绑jQuery但我无法使用它

Question

我是Webpack的初学者而且只是卡住了。 我正在尝试捆绑jQuery插件并将它们放在plugins-bundled.js文件中。 然后我有我的本地脚本文件，其中所有jQuery代码。这两个文件按HTML顺序加载1. plugins-bundled.js 2. scripts.js然后我在控制台中出现错误未捕获的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);