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
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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 w obu przypadkach
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#programowanie #javascript #react #webpack
Kochani, mnie angularowca w-----i 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
Dominias - #programowanie #javascript #react #webpack
Kochani, mnie angularowca w---...

źródło: comment_1660988308Y1SFqxY2CBrrWhp4YdaJKR.jpg

Pobierz
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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?
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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
Ogarnia ktoś dobrze webpacka? Mam swoją apkę/plugin na zewnętrznej stronce i inna pewna libka tak jakby nadpisywała metody z mojej (chyba w globalnym obiekcie) przez co moja się nie odpala. Pytanie brzmi: Da się zrobić jakiś scoping/napespace bundla w webpacku? #frontend #js #javascript #webpack
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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,
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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 pytanko. Jak wygląda kompilacja kodu typescriptowego na kod umożliwiający przeglądarkom ich odczytanie czyli pewnie ES5? Zdziwiło mnie, że używając w konfiguracji webpacka ts-loadera ten kod działa w przeglądarce bez użycia babela

#programowanie #frontend #babel #webpack
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Jak ja właśnie r--------m webpack w symfony to poezja. Zachciało mi się symfony UX.
Experimental feature xD. Recepta nadpisała wszystkie ważne pliki, yarn oszalał i odinstalował moduły. Robię reverta, bo oszaleję. (,)
#symfony #webpack
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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
  • Otrzymuj powiadomienia
    o nowych komentarzach

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
czlowiekzlisciemnaglowie - Mam pytanie o #webpack 4
W jaki sposób tę homeIcon wyświe...

źródło: comment_1588526210xGmsvJC2gW1CJ2YuFO4sa9.jpg

Pobierz
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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 jest prawidłowa:
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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
Mirki,

mam problem z odpaleniem projektu #webpack

przy yarn start otrzymuję to: Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (64)

instalowanie
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach