Angular 7 - jak wyrzucić style z webpack

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
"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ć?

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ł.

0

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

0

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

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?

0

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

0

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

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.

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...

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.

0

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

            "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?

1 użytkowników online, w tym zalogowanych: 0, gości: 1