如何在包含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？

回答

相關問題