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

标签 javascript jquery node.js webpack babeljs

查看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 的最佳方式是什么?

最佳答案

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

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

关于javascript - 如何在包含 babel、Node.js 和 webpack 的项目中包含 jQuery?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39112756/

相关文章:

javascript - angular 2 es5组件路由

jquery - stopPropagation() 阻止子级 onClick 函数

javascript - 文本框上的 jquery keyup 事件获取 id

node.js - 如何更新警告已弃用

python - 我如何停止rabbitmq worker 中间脚本?

javascript - 我想在向下滚动时显示背景

javascript - 当扩展的内容脚本处于事件状态时设置图标

node.js - ExpressJS 中的 url 未给出正确的查询字符串

javascript - GET 返回未定义值输出函数

jquery - 从父项中剥离特定标签(jQuery)