如何将外部jquery库导入webpack?

时间:2018-10-19 15:38:37

标签: jquery webpack

我试图建立一个可与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

1 个答案:

答案 0 :(得分:1)

尝试添加JQuery在线CDN。 喜欢,

Error: unable to verify the first certificate
    at TLSSocket.onConnectSecure (_tls_wrap.js:1049:34)
    at TLSSocket.emit (events.js:182:13)
    at TLSSocket._finishInit (_tls_wrap.js:631:8)

在conig文件中

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

并定义依赖性

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

希望这项工作。