2016-08-24 5 views
0

Глядя на jQuery documentation on npm, я смущен тем, что я должен сделать, чтобы использовать его. Я знаю, что могу просто включить тег script в свой index.html, чтобы использовать его, но как все работает?Как включить jQuery в проект с babel, Node.js и webpack?

Если я предпочитаю не использовать тег скрипта, я понимаю, что я могу установить его с помощью узла, а затем импортировать его с помощью Babel в любой файл, в который я хочу использовать jQuery. Но где работает webpack? Мне нужно использовать только веб-пакет, если я не использую Вавилон, правильно? Является ли веб-пакет альтернативой для импорта Вавилона?

Кажется, что я могу использовать Babel и Node.js или webpack и Node.js? Я думал, что Babel и wepback служат отдельным целям, хотя с Babel транс-компиляцией ECMAScript   6 в ECMAScript   5 и webpack объединяет все ваши файлы в один. Если я сейчас использую webpack, Babel и Node.js. Каков наилучший способ включения и использования jQuery?

+0

Может быть уместным: http://blog.andrewray.me/webpack-when-to-use-and-why/ –

+0

столпотворение позволяет писать используя 'import name из синтаксиса' any'' и переводит это в оператор 'var name = require (whatever)', но JavaScript в настоящее время не загружает модуль, поэтому он не может действовать по команде 'require' без что-то вроде Webpack, Rollup или Browserify. –

ответ

3

Если вы планируете работать в любом месте без подключения к Интернету, продолжайте и npm установите мини-версию jQuery в свои модули.

В противном случае, я бы использовал CDN в файле HTML для легкого глобального доступа к jQuery. На самом деле не имеет значения, как вы включаете его в свой проект с точки зрения методов webpack/babel; просто следите за тем, как вы их импортируете. Единственное отличие состоит в том, что требуется, это ECMAScript   5 и импорт ECMAScript   6.

+0

Это не совсем так. Я не уверен, что древовидное встраивание уже интегрировано в Webpack, но если это так, другое преимущество использования «npm/webpack/etc» позволит вам только «импортировать» части jQuery, которые вы используете, а не весь модуль. См. [Эту статью] (http://www.2ality.com/2015/12/webpack-tree-shaking.html) –

Смежные вопросы