Как получить доступ к jQuery из бандла?

Question

Tarrissarh @Tarrissarh

JavaScript

Как получить доступ к jQuery из бандла?

Есть собранный бандл на webpack.
Есть отдельный файл скрипт, подключаемый после данного бандла.
Мне нужно в этом отдельном файле выполнить определенные действия с помощью jquery.
Простой вызов выдает ошибку:
let $ = jQuery.noConflict();

Uncaught ReferenceError: jQuery is not defined

Что мне нужно сделать чтобы получить доступ к jquery?

Вопрос задан более трёх лет назад
89 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Помогут разобраться в теме Все курсы

Нетология

Fullstack-разработчик на Python + нейросети

20 месяцев

Далее
Skillfactory

Профессия Веб-разработчик

12 месяцев

Далее
Академия Eduson

Fullstack-разработчик на JavaScript

11 месяцев

Далее

Решения вопроса 1

7 комментариев

Tarrissarh @Tarrissarh Автор вопроса

а если jquery находится в bundle.js, без выноса в отдельный файл jquery варианта больше нет?

Написано более трёх лет назад
alex @potapchino
Александр Есипов, вы можете использовать jquery внтури бандла испольхуя externals, а сам jquery загружать с CDN(то что я выше в ответе описал). либо можете вынести jquery из бандла с помощью library, и использовать jquery вот так:
<body> ... <script src="/js/bundle.js"></script> <script src="/js/script.js"></script> </body>

// bundle.js import $ from 'jquery' // some code... export { $ }

// script.js const $ = myBundle.$ $.doSomething()

подобный вопрос уже был
Написано более трёх лет назад
Tarrissarh @Tarrissarh Автор вопроса
Alex, Извиняюcь, но можно для чайников объяснить:
В webpack.js добавлю:
output: { ... library: 'Library', libraryTarget: 'umd', umdNamedDefine: true }

сделаю билд, и в другом файле js могу сделать так:
let $ = Library.$;
так или я что-то не так понял?
Написано более трёх лет назад
alex @potapchino
Александр Есипов,
output: { ... libraryTarget: 'var', library: 'EntryPoint' }
Написано более трёх лет назад

Tarrissarh @Tarrissarh Автор вопроса

Alex, что-то не работает...

let $ = EntryPoint.jQuery();//Uncaught TypeError: EntryPoint.jQuery is not a function
let $ = EntryPoint.jQuery

$(...;//Uncaught TypeError: $ is not a function

Написано более трёх лет назад

alex @potapchino
DarKnight,
// bundle.js import $ from 'jquery' // some code... export { $ }
Написано более трёх лет назад
alex @potapchino
DarKnight,
// script.js const $ = EntryPoint.$ $.doSomething()
Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

Простой
Как создать рисунок из PHP в Fabric.js?
- 2 подписчика
- 28 окт.
- 96 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Какой скрипт загружает меню в Ютуб?
- 2 подписчика
- 27 окт.
- 178 просмотров
2

ответа
JavaScript

Простой
Как работать с разрозненными данными?
- 1 подписчик
- 21 окт.
- 226 просмотров
2

ответа
JavaScript

+1 ещё

Простой
Неправильно работает crypto.subtle.deriveKey в Firefox, баг или мой косяк?
- 2 подписчика
- 16 окт.
- 132 просмотра
0

ответов
JavaScript

Простой
Как подгружать xml с перерисовкой таблицы?
- 3 подписчика
- 14 окт.
- 189 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Как решить задачку из контеста?
- 1 подписчик
- 13 окт.
- 256 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Есть ли js-библиотека для офлайн-распознавания русской речи?
- 1 подписчик
- 12 окт.
- 183 просмотра
2

ответа
JavaScript

Простой
Почему не работает в консоли setTimeout?
- 1 подписчик
- 11 окт.
- 343 просмотра
1

ответ
JavaScript

Простой
Как прочитать ответ сервера после отправки формы?
- 2 подписчика
- 27 сент.
- 302 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Как менять картинки у карточки в списке товаров?
- 4 подписчика
- 22 сент.
- 357 просмотров
1

ответ
Показать ещё Загружается…

Fullstack Разработчик (Next.js / JavaScript / TypeScript)

App Company

от 200 000 до 300 000 ₽

Web-разработчик/WordPress программист (Full-stack)

JustBusiness • Санкт-Петербург

от 130 000 до 150 000 ₽

Верстальщик / фронтендер для браузерного расширения

DevTeam.Space

от 1 000 до 2 000 $

Answer 1 · 2019-02-10 16:43:32

нужно подключить jquery, ваш к.о.

<body>
  ...
  <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
  <script src="/js/bundle.js"></script>
  <script src="/js/script.js"></script>
</body>

// script.js

$.doSomething()

Как получить доступ к jQuery из бандла?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт