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

看着jQuery documentation on npm，我很困惑我要做些什么来使用它。我知道我可以在我的index.html中包含脚本标签来使用它，但其他一切工作如何？如何在包含babel，Node.js和webpack的项目中包含jQuery？

如果我选择不使用脚本标记，我明白我可以使用节点安装，然后将它与Babel一起导入到任何我想使用jQuery的文件中。但是webpack在哪里起作用？如果我不使用Babel，我只需要使用webpack的要求，对吗？ webpack是否需要Babel导入的替代方案？

看起来好像我可以使用Babel和Node.js或者webpack和Node.js？尽管如此，我认为Babel和wepback服务于不同的目的，并且Babpack将ECMAScript 6与ECMAScript 5进行了反编译，而webpack将所有文件捆绑为一个。如果我目前正在使用webpack，Babel和Node.js.什么是包含和使用jQuery的最佳方式？

来源

2016-08-24 mangocaptain

也许有关：http://blog.andrewray.me/webpack-when-to-use-and-why/ –

babel让你写使用来自'whatever''语法的'import name'，并将其转换为'var name = require（whatever）'语句，但JavaScript当前没有模块加载，因此它不能在不需要'require'命令像Webpack，Rollup或Browserify。 –

如果您打算在没有Internet连接的情况下在任何地方工作，请继续，npm将精简版jQuery安装到您的模块中。

否则，我会使用HTML文件中的CDN轻松实现全局jQuery访问。在webpack/babel方法中，如何将它包含在项目中并没有真正有效;只要确保与您导入它们的方式保持一致。唯一不同的是，要求是ECMAScript 5并且导入是ECMAScript 6.

来源

2016-08-24 01:06:58 ConorBCarey

这不完全正确。我不确定抖动树是否已经集成到Webpack中，但是当它出现时，使用'npm/webpack/etc'的另一个好处是只允许“导入”你使用的jQuery的部分，而不是整个模块。看[这篇文章]（http://www.2ality.com/2015/12/webpack-tree-shaking.html） –

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

回答

相关问题