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

Question

Tarrissarh @Tarrissarh

JavaScript

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

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

Uncaught ReferenceError: jQuery is not defined

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

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

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

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

Решения вопроса 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

+2 ещё

Простой
Вся секция заежает за header?
- 1 подписчик
- 11 часов назад
- 58 просмотров
0

ответов
JavaScript

Простой
По какой логике bind принимает только первый контекст?
- 1 подписчик
- 16 часов назад
- 88 просмотров
2

ответа
JavaScript

+2 ещё

Средний
Возможно ли расположить или чтобы блок div мог заходить в прозрачный фон png фота?
- 1 подписчик
- 18 часов назад
- 30 просмотров
1

ответ
JavaScript

+3 ещё

Средний
Как сделать выборку mongo?
- 1 подписчик
- 18 часов назад
- 32 просмотра
0

ответов
JavaScript

Средний
Запись в cookie или localStorage только при открытии страницы?
- 1 подписчик
- 19 часов назад
- 45 просмотров
3

ответа
JavaScript

+2 ещё

Средний
Правильно ли настроен webpack.config для PWA приложения?
- 1 подписчик
- 20 часов назад
- 29 просмотров
0

ответов
JavaScript

+3 ещё

Простой
Почему приходят пустые данные с формы на почту?
- 1 подписчик
- вчера
- 58 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как при помощи js создать поле дополнительных ингридиентов?
- 1 подписчик
- вчера
- 80 просмотров
0

ответов
JavaScript

+1 ещё

Средний
Как в Next.js закешировать изображение без build?
- 1 подписчик
- вчера
- 36 просмотров
0

ответов
JavaScript

Простой
Как поставить лайк на все комментарии видео в тикток?
- 1 подписчик
- вчера
- 147 просмотров
2

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

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Middle JavaScript Developer

AppsTrain.io

от 80 000 до 180 000 ₽

Разработать дизайн игры (VR)

27 апр. 2024, в 10:46

1000 руб./в час

Разработать Lisp или другим способом в AUTOCAD

27 апр. 2024, в 10:42

20000 руб./за проект

Разработать алгоритм поиска ников Steam

27 апр. 2024, в 10:37

2000 руб./за проект

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 из бандла?

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

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

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