Как получить доступ к 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

+4 ещё

Простой
А кому-то удалось запустить google ads rewarded?
- 1 подписчик
- час назад
- 46 просмотров
0

ответов
JavaScript

Простой
Как посчитать количество пересечений с помощью метода filter?
- 1 подписчик
- 13 часов назад
- 136 просмотров
3

ответа
JavaScript

Простой
Как реализовать логику назад вперед?
- 1 подписчик
- 15 часов назад
- 87 просмотров
0

ответов
JavaScript

+2 ещё

Средний
Как подключить вконтакте на сайт чтобы слать юзеру в вк уведомления или сообщения?
- нет подписчиков
- вчера
- 135 просмотров
1

ответ
JavaScript

+1 ещё

Сложный
Fastify долгая загрузка что можно сделать как найти причину?
- 1 подписчик
- вчера
- 54 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Где можно увидеть реализацию такого эффекта при скролле?
- 1 подписчик
- 24 нояб.
- 200 просмотров
2

ответа
JavaScript

Простой
Fetch дает ошибку?
- 1 подписчик
- 23 нояб.
- 109 просмотров
1

ответ
JavaScript

Простой
Обьясните про функцию массив?
- 3 подписчика
- 23 нояб.
- 729 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Почему JS не видит SVG-элементы по ID?
- 1 подписчик
- 22 нояб.
- 78 просмотров
1

ответ
JavaScript

Средний
Почему не срабатывает горячая клавиша в расширение?
- 1 подписчик
- 22 нояб.
- 45 просмотров
1

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

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

До 220 000 ₽

Распознать подделку PDF файла от оригинального чека PDF

26 нояб. 2024, в 10:25

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

Нужно найти список всех 2-5 этажек рф

26 нояб. 2024, в 10:24

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

Доработка и поддержка проектов на ruby

26 нояб. 2024, в 10:21

1200 руб./в час

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

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

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

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