使用webpack在html的头部加载jQuery脚本标签

Question

我正在尝试使用 Webpack 在生成的HTML的头部加载jQuery脚本标签。我正在同时使用htmlWebpackPlugin和copyWebpackPlugin。只是一个问题，就是在我使用其他供应商（如Bootstrap）时。

Bootstrap和其他一些供应商，在他们的脚本中导入jQuery，当我检查生成的脚本时，其中会自动包含jquery。我不要我只想使用 copyWebpackPlugin 复制jQuery。

是否有一种方法可以忽略所有的jquery导入，而只是如上所述克隆jquery？

这是Webpack配置中的一段代码：

plugins: [

  new webpack.ProvidePlugin({
            jQuery: 'jquery',
            $: 'jquery',
  }),

  new HtmlWebpackPlugin({
          filename: "index.html",
          template: path.resolve("./src/index.html"),
  }), 

  new CopyWebpackPlugin([
          { from: "src/js/vendor/jquery.js", to: "js/vendor/" },
          { from: "src/js/vendor/bootstrap.js", to: "js/vendor/"}
  ]), 
]

这是我的main.js

 import $ from "jquery";
 import "bootstrap";