[gajowy_marucha]

Jak w webpack dodawać zewnętrzne biblioteki tak by były globalnie dostępne?
Robię tak:
import '@coreui/coreui';
Niby w folderze build się pojawia tak jak trzeba, ale jak próbuję zrobić coreui.metoda() to mam coreui not defined...
Próbowałem też const coreui = require('@coreui/coreui') ale też nie działa.

Pomocy, nie siedzę we frontend i poruszam się po omacku.

#webdev #webpack #javascript

[t.....k]

@gajowy_marucha https://webpack.js.org/plugins/provide-plugin/ - ale nie używaj tego bo się lockujesz na webpacka, lepiej sobie zaimportuj w module to co chcesz użyć

natomiast jeśli chcesz użyć tego coreui poza webpackiem to przypisz to do jakiegoś globalThis czy innego window

[doee]

@gajowy_marucha: Nie musisz nic robić z paczkami z npm w webpacku, tak by były globalnie dostępne, po prostu zrób import ... w pliku, w którym chcesz użyć paczki - jak nie działa, to znaczy, że masz coś nie tak w konfiguracji. Wklej gdzieś config, to rzuci się okiem.

[gajowy_marucha]

@doee: @tlaziuk:
https://pastebin.com/KespKgLw
w app.js mam tylko import '@coreui/coreui';
w twig: {{ encoreentryscript_tags('app') }} - widać że coreui zapisuje się w build

W html mam:
onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle();"
daje "coreui not defined"

W przykładzie na stronie coreui działa, ale u nich mają po prostu script src do wersji min. Ja chciałbym to ogarnąć jak trzeba przez managera pakietów.

[t.....k]

@gajowy_marucha w takim razie spróbuj coś takiego:

import coreui from "@coreui/coreui"
window.coreui = coreui

- czyli przypisanie coreui do globalnego scope w przeglądarce

[gajowy_marucha]

@tlaziuk: próbowałem tak też, nic się nie dzieje, nie ma błędu i nie działa. Próbowałem console.log coreui (jest Module) i console.log całego sidebar, też jest ok. Chyba się poddam na razie i zostawię linkowany js, przynajmniej działa.