jquery - 如何将外部jquery库导入到webpack中？

Question

我正在尝试设置一个环境来使用 webpack 4。我将 jquery 连接到集合点，它在代码中可用，它可以工作。当我在那里连接 jquery 插件时，导入出现问题，web 包不保留连接顺序，因此，插件无法工作。告诉我如何正确地将插件导入到一个文件中，而是单独导入。我翻遍了所有手册，尝试了所有选项，但我什么都不明白。 webpack 通常如何在程序集中包含此类库？我通过ProvidePlugin了解的？还有其他方法吗？我只是想知道使用什么方法以及通常哪种方法更好。

我的入口点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

Answer 1

尝试添加JQuery在线CDN。就像，

<script
  src="https://code.jquery.com/jquery-3.1.0.js"
  integrity="sha256-slogkvB1K3VOkzAI8QITxV3VzpOnkeNVsKvtkYLMjfk="
  crossorigin="anonymous">
</script>

在配置文件中

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

并定义依赖关系

import $ from 'jquery';

希望这能成功..