Angular 7 - jak wyrzucić style z webpack

Angular 7 - jak wyrzucić style z webpack
AdamWox
  • Rejestracja:ponad 7 lat
  • Ostatnio:około 11 godzin
  • Lokalizacja:Jastrzębie-Zdrój
  • Postów:2153
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:ponad 13 lat
  • Ostatnio:około 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 11 godzin
  • Lokalizacja:Jastrzębie-Zdrój
  • Postów:2153
0

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

mr_jaro
  • Rejestracja:ponad 13 lat
  • Ostatnio:około 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 11 godzin
  • Lokalizacja:Jastrzębie-Zdrój
  • Postów:2153
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:ponad 13 lat
  • Ostatnio:około 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 11 godzin
  • Lokalizacja:Jastrzębie-Zdrój
  • Postów:2153
0

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

neves
  • Rejestracja:ponad 21 lat
  • 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 11 godzin
  • Lokalizacja:Jastrzębie-Zdrój
  • Postów:2153
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 11 godzin
  • Lokalizacja:Jastrzębie-Zdrój
  • Postów:2153
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 11 godzin
  • Lokalizacja:Jastrzębie-Zdrój
  • Postów:2153
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?

Kliknij, aby dodać treść...

Pomoc 1.18.8

Typografia

Edytor obsługuje składnie Markdown, w której pojedynczy akcent *kursywa* oraz _kursywa_ to pochylenie. Z kolei podwójny akcent **pogrubienie** oraz __pogrubienie__ to pogrubienie. Dodanie znaczników ~~strike~~ to przekreślenie.

Możesz dodać formatowanie komendami , , oraz .

Ponieważ dekoracja podkreślenia jest przeznaczona na linki, markdown nie zawiera specjalnej składni dla podkreślenia. Dlatego by dodać podkreślenie, użyj <u>underline</u>.

Komendy formatujące reagują na skróty klawiszowe: Ctrl+B, Ctrl+I, Ctrl+U oraz Ctrl+S.

Linki

By dodać link w edytorze użyj komendy lub użyj składni [title](link). URL umieszczony w linku lub nawet URL umieszczony bezpośrednio w tekście będzie aktywny i klikalny.

Jeżeli chcesz, możesz samodzielnie dodać link: <a href="link">title</a>.

Wewnętrzne odnośniki

Możesz umieścić odnośnik do wewnętrznej podstrony, używając następującej składni: [[Delphi/Kompendium]] lub [[Delphi/Kompendium|kliknij, aby przejść do kompendium]]. Odnośniki mogą prowadzić do Forum 4programmers.net lub np. do Kompendium.

Wspomnienia użytkowników

By wspomnieć użytkownika forum, wpisz w formularzu znak @. Zobaczysz okienko samouzupełniające nazwy użytkowników. Samouzupełnienie dobierze odpowiedni format wspomnienia, zależnie od tego czy w nazwie użytkownika znajduje się spacja.

Znaczniki HTML

Dozwolone jest używanie niektórych znaczników HTML: <a>, <b>, <i>, <kbd>, <del>, <strong>, <dfn>, <pre>, <blockquote>, <hr/>, <sub>, <sup> oraz <img/>.

Skróty klawiszowe

Dodaj kombinację klawiszy komendą notacji klawiszy lub skrótem klawiszowym Alt+K.

Reprezentuj kombinacje klawiszowe używając taga <kbd>. Oddziel od siebie klawisze znakiem plus, np <kbd>Alt+Tab</kbd>.

Indeks górny oraz dolny

Przykład: wpisując H<sub>2</sub>O i m<sup>2</sup> otrzymasz: H2O i m2.

Składnia Tex

By precyzyjnie wyrazić działanie matematyczne, użyj składni Tex.

<tex>arcctg(x) = argtan(\frac{1}{x}) = arcsin(\frac{1}{\sqrt{1+x^2}})</tex>

Kod źródłowy

Krótkie fragmenty kodu

Wszelkie jednolinijkowe instrukcje języka programowania powinny być zawarte pomiędzy obróconymi apostrofami: `kod instrukcji` lub ``console.log(`string`);``.

Kod wielolinijkowy

Dodaj fragment kodu komendą . Fragmenty kodu zajmujące całą lub więcej linijek powinny być umieszczone w wielolinijkowym fragmencie kodu. Znaczniki ``` lub ~~~ umożliwiają kolorowanie różnych języków programowania. Możemy nadać nazwę języka programowania używając auto-uzupełnienia, kod został pokolorowany używając konkretnych ustawień kolorowania składni:

```javascript
document.write('Hello World');
```

Możesz zaznaczyć również już wklejony kod w edytorze, i użyć komendy  by zamienić go w kod. Użyj kombinacji Ctrl+`, by dodać fragment kodu bez oznaczników języka.

Tabelki

Dodaj przykładową tabelkę używając komendy . Przykładowa tabelka składa się z dwóch kolumn, nagłówka i jednego wiersza.

Wygeneruj tabelkę na podstawie szablonu. Oddziel komórki separatorem ; lub |, a następnie zaznacz szablonu.

nazwisko;dziedzina;odkrycie
Pitagoras;mathematics;Pythagorean Theorem
Albert Einstein;physics;General Relativity
Marie Curie, Pierre Curie;chemistry;Radium, Polonium

Użyj komendy by zamienić zaznaczony szablon na tabelkę Markdown.

Lista uporządkowana i nieuporządkowana

Możliwe jest tworzenie listy numerowanych oraz wypunktowanych. Wystarczy, że pierwszym znakiem linii będzie * lub - dla listy nieuporządkowanej oraz 1. dla listy uporządkowanej.

Użyj komendy by dodać listę uporządkowaną.

1. Lista numerowana
2. Lista numerowana

Użyj komendy by dodać listę nieuporządkowaną.

* Lista wypunktowana
* Lista wypunktowana
** Lista wypunktowana (drugi poziom)

Składnia Markdown

Edytor obsługuje składnię Markdown, która składa się ze znaków specjalnych. Dostępne komendy, jak formatowanie , dodanie tabelki lub fragmentu kodu są w pewnym sensie świadome otaczającej jej składni, i postarają się unikać uszkodzenia jej.

Dla przykładu, używając tylko dostępnych komend, nie możemy dodać formatowania pogrubienia do kodu wielolinijkowego, albo dodać listy do tabelki - mogłoby to doprowadzić do uszkodzenia składni.

W pewnych odosobnionych przypadkach brak nowej linii przed elementami markdown również mógłby uszkodzić składnie, dlatego edytor dodaje brakujące nowe linie. Dla przykładu, dodanie formatowania pochylenia zaraz po tabelce, mogłoby zostać błędne zinterpretowane, więc edytor doda oddzielającą nową linię pomiędzy tabelką, a pochyleniem.

Skróty klawiszowe

Skróty formatujące, kiedy w edytorze znajduje się pojedynczy kursor, wstawiają sformatowany tekst przykładowy. Jeśli w edytorze znajduje się zaznaczenie (słowo, linijka, paragraf), wtedy zaznaczenie zostaje sformatowane.

  • Ctrl+B - dodaj pogrubienie lub pogrub zaznaczenie
  • Ctrl+I - dodaj pochylenie lub pochyl zaznaczenie
  • Ctrl+U - dodaj podkreślenie lub podkreśl zaznaczenie
  • Ctrl+S - dodaj przekreślenie lub przekreśl zaznaczenie

Notacja Klawiszy

  • Alt+K - dodaj notację klawiszy

Fragment kodu bez oznacznika

  • Alt+C - dodaj pusty fragment kodu

Skróty operujące na kodzie i linijkach:

  • Alt+L - zaznaczenie całej linii
  • Alt+, Alt+ - przeniesienie linijki w której znajduje się kursor w górę/dół.
  • Tab/⌘+] - dodaj wcięcie (wcięcie w prawo)
  • Shit+Tab/⌘+[ - usunięcie wcięcia (wycięcie w lewo)

Dodawanie postów:

  • Ctrl+Enter - dodaj post
  • ⌘+Enter - dodaj post (MacOS)