如何将外部jquery库导入Web包?

如何将外部jquery库导入Web包?,jquery,webpack,Jquery,Webpack,我正在尝试设置一个环境来使用Webpack4。我将jquery连接到组装点,它在代码中可用,可以正常工作。当我在那里连接jquery插件时,导入会出现问题,web包不会保留连接顺序,因此插件无法工作。告诉我如何正确地将插件导入到一个文件中,而不是单独导入到一个文件中。我翻遍了所有的手册,尝试了所有的选择,我什么都不懂。网页包通常如何在程序集中包含此类库?我通过普罗维德普卢金明白了?还有其他方法吗?我只是想知道使用了什么方法,通常哪种更好 我的入口点index.js import $ from '

我正在尝试设置一个环境来使用Webpack4。我将jquery连接到组装点,它在代码中可用,可以正常工作。当我在那里连接jquery插件时,导入会出现问题,web包不会保留连接顺序,因此插件无法工作。告诉我如何正确地将插件导入到一个文件中,而不是单独导入到一个文件中。我翻遍了所有的手册,尝试了所有的选择,我什么都不懂。网页包通常如何在程序集中包含此类库?我通过普罗维德普卢金明白了?还有其他方法吗?我只是想知道使用了什么方法,通常哪种更好

我的入口点index.js

import $ from 'jquery'; 
window.jQuery = $; 
  import './src/js/plugins/jquery.swipe'; 
  import './src/js/plugins/jquery.slider';
  import './src/js/plugins/jquery.parallax';
  import './src/js/plugins/custom';
输出结果应该是正确的

  • dist/jquery.js
  • dist/jquery.swipe.js
  • dist/jquery.parralax.js
  • dist/custom.js
  • dist/webpack.bundle.js

尝试添加JQuery在线CDN。 像

并定义依赖性

import $ from 'jquery';
希望这能奏效

module.exports = {
  externals: {
     jquery: 'jQuery'
  }
};
import $ from 'jquery';