Mam problem z #webpack 4

Mianowicie: mam wrażenie, że on miesza style z komponentu A, i dodaje je do komponentu B, jeśli tylko tak samo się nazywają. Na pewno dzieje się do kiedy mówimy o zagnieżdżeniu w głąb, i chyba czasem jakieś dziwy się cacheują (stare i nowe style) między komponentami równoległymi.

Nie chcę takiego czegoś, bo nie wiem jak napisać dobry scss, kiedy on "losuje" wygląd komponentów. Na razie tylko łatam
Miałem problem taki jak tu: github
Polegał on na tym, ze w plikach script/build były ścieżki do plików (/home/***/plik1), a nie powinno być. Więc pomysł jest taki, że na development ładuje: react-hot-loader/babel, a na produkcji nie. Napisałem stosowne pliki, ale scieżek nie ma: ani na dev, ani na produkcji, wygląda na to, że react-hot-loader/babel w ogóle sie nie ładuje...

1) Jak moge to sprawdzić, co zostało załadowane przez webpack?
2) jeśli faktycznie
  • Odpowiedz
#programowanie #javascript #react #webpack
Kochani, mnie angularowca #!$%@? jako leada do projektu Reactowego (gdzie Reacta nie tykałem od jakiś 5 lat) i stawiałem projekt od zera, generalnie to chyba mój drugi poważny projekt stawiany od zera i solo, więc mam pewne wątpliwości. Przede wszystkim na repo był już zainicjowany projekt z wykorzystanie CRA (React 18 + typescript), ja dodałem webpacka, babela, loadery i JEDEN plik konfituracyjny do webpacka. Aplikacja nie będzie mega
Dominias - #programowanie #javascript #react #webpack
Kochani, mnie angularowca #!$%...

źródło: comment_1660988308Y1SFqxY2CBrrWhp4YdaJKR.jpg

Pobierz
Wie ktoś jak poprawnie spiąć Vue 3 + Vue Router + Symfony Encore? Cały czas mam błąd:

Component is missing template or render function.
i nic się nie renderuje. Korzystam z single-file-component (pliki *.vue).

Czy w webpack.config.js trzeba coś szczególnego ustawiać? enableVueLoader powinien załatwić sprawę czy musi być coś innego?

#vue #vuejs #symfony #webpack
@JanuszSraczek: Przespałeś chyba ostatnie trendy, bo coraz więcej developerów idzie po rozum do głowy i SPA zostawia dla dużych projektów z dużymi zespołami. Małe i średnie spokojnie można stawiać na symfony + stimulusjs.
Lament podnoszą tylko javascriptowcy.
  • Odpowiedz
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
@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.
  • Odpowiedz
Mam apkę zrobioną we #flask. Po po stronie frontendu jest sporo #javascript . Problem polega na tym, że kod po stronie js jest mocno chaotyczny. Chciałbym do zrefaktoryzowac,podzielić na moduły, wywalić refundację w kodzie i tak dalej. I tu na myśl przychodzi mi wykorzystanie #webpack do zarządzania zasobami po stronie frontendu. Zastanawiam się tylko jak to pożenić z flaskiem. Templeate html jest renederowany przez flask.
  • Odpowiedz
Kto to GUWNO wymyślił, ten cały #webpack w moich #rails wtf.

ufff... spokojnie, powoli, licz do 10.

Czy szanowne grono programistów z mirko mi powie jak to zrobić by nie mieć 4500 linii kodu #javascript w jednym pliku tylko elegancko sobie rozbić na wiele używając webpack?

Rozwiązanie jedno, każdy moduł zadeklarować jako np. window.dupa. To jest do niczego.

Dwa, import dupa from 'projekt/dupa' byłoby fajne, gdyby działało, a nie działa (
Mam pytanie o #webpack 4
W jaki sposób tę homeIcon wyświetlić teraz w html-u?
Chodzi o to aby poprawinie ładowałą się w "dist"
Kompilator tworzy plik: dist\img\test.c2c33281a70a5d226971103d10f7592b.svg
W trybie dev ten plik łąduję z: !test
Chciałbym jednak po kompilacji automatycznie tworzyło się src do wersji produkcjujnej (z hashem md5)

#javascript #frontend
czlowiekzlisciemnaglowie - Mam pytanie o #webpack 4
W jaki sposób tę homeIcon wyświe...

źródło: comment_1588526210xGmsvJC2gW1CJ2YuFO4sa9.jpg

Pobierz
Jeżeli w backendzie (node.js) swojej aplikacji używałem rzeczy z es6, to przed umieszczeniem kodu na serwerze w formie produkcyjnej, muszę go najpierw odpowiednio przerobić. I zrobić to powinienem webpackiem z użyciem babel, zgadza się? Ogólnie lokalnie korzystam z pliku .babelrc o takiej konfiguracji:

{ "presets": [ "env" ], "plugins": [ "transform-object-rest-spread" ] }
I wszystko dobrze działa. Pytanie więc brzmi czy moje rozumowanie jest w ogóle prawidłowe i czy taka konfiguracja wepbacka
Mirki,

ostatnio trapią mnie problemy z JS-em. Używam w jednym z projektów Webpacka, wszystko fajnie, ale jak ładuję w module import 'slick-carousel';, to otrzymuję to:

Uncaught TypeError: $(...).slick is not a function

Slider wgrany przez yarn add. Import poprawny, bo skrypt jest władowany w bundle.js, a mimo to nie działa.

#programowanie #javascript #webpack
@ProPublicoBono_: Miałem taki sam problem. Okazało się że winą było to że biblioteka jaką dodałem zawierała Jquery ale nie jako devDependency - i ja też miałem jQuery w package.json. Więc były dwie wersje. Rozwiązałem to tak, że po prostu wziąłem kod z node_modules tej biblioteki, wrzuciłem do siebie do projektu do folderu - i zrobiłem żeby używało moich zależności.

Jeszcze jeden podobny miałem to tu pomogło w webpack.config takie coś

test:
  • Odpowiedz
@ProPublicoBono_: Tak, ja wiem. Mówię o tym że Slick ma w zależnościach też jQuery - i dwie wersje się ze sobą gryzą. Jak znajdziesz ten katalog slick-carousel w node_modules i odpalisz package.json to zobaczysz że jQuery nie jest jako devDependency tylko jako zwykłe dependency.
  • Odpowiedz