Angular 7 - jak wyrzucić style z webpack

Angular 7 - jak wyrzucić style z webpack
AdamWox
  • Rejestracja:ponad 7 lat
  • Ostatnio:około 3 godziny
  • Lokalizacja:Jastrzębie-Zdrój
  • Postów:2161
0

Witam.
Nie rozumiem co się dzieje. Mam projekt ASP.NET Core + Angular korzystając z Visual Studio 2019 Preview. Korzystam z Bootstrapa, ale... Niestety, gdzieś, skąś wciska mi na siłe plik _reboot.scss, który psuje i nadpisuje moje style.

Nic nie pomaga

  1. Usunąłem pliki związane z _reboot z folderu node_modules
  2. Mój styles.css jest pusty
  3. w pliku angular.json mam tylko to
Kopiuj
"styles": [
     "node_modules/bootstrap/dist/css/bootstrap.min.css",
     "node_modules/line-awesome/css/line-awesome.min.css",
     "src/assets/css/main.min.css",
     "src/assets/css/jqbtk.min.css"
],

Jak sobie zbadam element to ściężka do pliku _reboot.scss pokazuje mi się webpack:///./node_modules/bootstrap/scss/_reboot.scss

Nie chce tego. Jak mam się tego pozbyć?

marcio
ten reboot tak ogolnie jest po to zeby ustadaryzowac niektore rzeczy miedzy roznymi przegladarkami takze w zadnym przypadku go nie usuwaj bo po prostu bedziesz mogl miec rozne rezultaty na roznych przelgadarkach, po prostu cos ci sie zwalilo przy buildzie
AdamWox
nadpisuje mi moje style. Nie wiem jak, nie wiem skąd i nie wiem jak to wyłączyć
mr_jaro
  • Rejestracja:prawie 14 lat
  • Ostatnio:ponad 3 lata
  • Lokalizacja:Grudziądz/Bydgoszcz
  • Postów:5300
0

Po pierwsze z node_modules nie można nic ręcznie usuwać. Po drugie webpack patrzy sobie po bibliotekach w node_modules i buduje z nich + ma swój cache, żeby nie marnować czasu na budowanie bibliotek, które już raz zbudował.


It's All About the Game.
edytowany 1x, ostatnio: mr_jaro
AdamWox
  • Rejestracja:ponad 7 lat
  • Ostatnio:około 3 godziny
  • Lokalizacja:Jastrzębie-Zdrój
  • Postów:2161
0

Jak usunąć ten cache? Robiąc reinstall poprzez npm nic nie daje.

mr_jaro
  • Rejestracja:prawie 14 lat
  • Ostatnio:ponad 3 lata
  • Lokalizacja:Grudziądz/Bydgoszcz
  • Postów:5300
0

Tak ciężko w google poszukać? https://docs.npmjs.com/cli/cache.html


It's All About the Game.
AdamWox
  • Rejestracja:ponad 7 lat
  • Ostatnio:około 3 godziny
  • Lokalizacja:Jastrzębie-Zdrój
  • Postów:2161
0

Nie pomaga wyczyszczenie cache.
Mam dwa projekty w Angular 7 - jeden został stworzony przez angular-cli, drugi z pomocą Visual Studio wraz z projektem ASP.NET Core. Ten pierwszy działa poprawnie i nie ma problemu z plikiem _reboot.scss, w tym drugim musze wszystko nadpisywać mimo iż mam swoje style zaimportowane w pliku main.min.css.

Po pierwsze z node_modules nie można nic ręcznie usuwać

Jak mam powiedzieć mu żeby nie brał tego pliku, skoro ja sam nigdzie go nie deklaruje.

Po drugie webpack patrzy sobie po bibliotekach w node_modules i buduje z nich

Pliku _reboot.scss nie ma w folderze node_modules, a mimo to dalej jest wczytywany, więc pytam skąd?

Co VS robi takiego z tym projektem?

mr_jaro
  • Rejestracja:prawie 14 lat
  • Ostatnio:ponad 3 lata
  • Lokalizacja:Grudziądz/Bydgoszcz
  • Postów:5300
0

musiałbym widzieć skrypt budowania by móc cokolwiek powiedzieć na ten temat


It's All About the Game.
AdamWox
  • Rejestracja:ponad 7 lat
  • Ostatnio:około 3 godziny
  • Lokalizacja:Jastrzębie-Zdrój
  • Postów:2161
0

Chętnie się nim podziele, jak mi powiesz dokładnie czego potrzebujesz

neves
  • Rejestracja:prawie 22 lata
  • Ostatnio:dzień
  • Lokalizacja:Kraków
  • Postów:1114
0

Plik _reboot.scss po skompilowaniu jest wrzucany na początek pliku bootstrap.min.css, bez niego nie będziesz miał bootstrapa ;).
Na spokojnie zastanów się jeszcze raz nad problem, bo jest to mało prawdopodobne żeby ten plik nadpisywał Ci style, ten plika nadpisuje domyślne style, a Twoje style nadpisują jego.


edytowany 1x, ostatnio: neves
AdamWox
  • Rejestracja:ponad 7 lat
  • Ostatnio:około 3 godziny
  • Lokalizacja:Jastrzębie-Zdrój
  • Postów:2161
0

Nie prawda, w swoim css mam szary background, a domyślnie mam biały, właśnie przez plik reboot. Jeśli reboot musi być to niech jest. Teraz mi powiedzcie gdzie mam wstawić swój css żeby jego brał pod uwagę? W index? Chyba nie tak się powinno robić. Dlaczego w projekcie stworzonym nie przez VS nie mam takiego problemu, a w większości przypadków to jest kopiuj/wklej pomiędzy projektami...

AdamWox
  • Rejestracja:ponad 7 lat
  • Ostatnio:około 3 godziny
  • Lokalizacja:Jastrzębie-Zdrój
  • Postów:2161
0

Nawet wrzucenie tego do index.html nic nie daje. Mam teraz swojego CCSa dwa razy przekreślonego, ponieważ z jakiś przyczyn stwierdził, że ja chce _reboot.scss. W załączniku wrzucam screena, jak nadpisuje mi moje style z pliku angular.json i z indexu.

AdamWox
  • Rejestracja:ponad 7 lat
  • Ostatnio:około 3 godziny
  • Lokalizacja:Jastrzębie-Zdrój
  • Postów:2161
0

Kolejna nowość na jaką wpadłem - obojętnie jaki plik .css wczytam w pliku angular.json to ładuje mi bootstrapowy _reboot:

Kopiuj
            "styles": [
              "node_modules/line-awesome/css/line-awesome.min.css"
            ],
  1. Nie wczytuje w ogóle bootstrapa, a i tak jest wczytany.
  2. Nie ma znaczenia czy debuguje z VS, czy uruchomie ng serve osobną konsolą.
  3. VS uruchamia klienta komendą ng serve "--port" "51005"

Czy ktoś jest w stanie mi pomóc? Czy to może być bug w ASP.NET Core 3.0 + Angular?

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.