javascript - 如何在包含 babel、Node.js 和 webpack 的项目中包含 jQuery？

Question

查看jQuery documentation on npm ，我很困惑我必须做什么才能使用它。我知道我可以在我的index.html 中包含脚本标签来使用它，但是其他一切如何工作？

如果我选择不使用 script 标签，我知道我可以使用 Node 安装，然后使用 Babel 将其导入到我想要使用 jQuery 的任何文件中。但是 webpack 在哪里发挥作用呢？如果我不使用 Babel，我只需要使用 webpack 的 require，对吗？ webpack 的 require 可以替代 Babel 的 import 吗？

看来我可以使用 Babel 和 Node.js，或者 webpack 和 Node.js？我认为 Babel 和 wepback 有不同的用途，Babel 将 ECMAScript 6 转编译为 ECMAScript 5，而 webpack 将所有文件捆绑到一个文件中。如果我当前正在使用 webpack、Babel 和 Node.js。包含和使用 jQuery 的最佳方式是什么？

Answer 1

如果您计划在没有 Internet 连接的任何地方工作，请继续使用 npm 将 jQuery 的缩小版本安装到您​​的模块中。

否则，我会在 HTML 文件中使用 CDN 以便轻松进行全局 jQuery 访问。就 webpack/babel 方法而言，如何将其包含在项目中并没有真正的区别；只要确保与导入它们的方式保持一致即可。唯一的区别是 require 是 ECMAScript 5，而 import 是 ECMAScript 6。