Sass zawiera tylko komentarze od częściowej fundacji w skompilowanej css

Próbuję zrobić bloga jekyll przy użyciu fundamentów i sass, i po prostu nie mogę uzyskać podstawy do prawidłowej kompilacji. Kiedy buduję jekyll, nie ma błędów, a częściowe, które napisałem, wydają się ładować poprawnie, a podstawa wydaje się importować, ale tylko komentarze na górze.Sass zawiera tylko komentarze od częściowej fundacji w skompilowanej css

Mój proces dotychczas było w zasadzie do uruchomienia npm install foundation-sites --save

ruch rzeczy fundacja Sass z folderu node_modules, a następnie to fundament w moim pliku SCSS.

Możesz zobaczyć katalog i plik css, który jest wyprowadzany na poniższych zrzutach ekranu.

Nie jestem niby wiem, co jeszcze mogę spróbować w tym momencie każda pomoc będzie mile widziana! Dzięki!

Edytuj: Tutaj znajduje się link do gałęzi i repo, aby zobaczyć kod. https://github.com/samuraiseoul/kimchiChingu/tree/23-sass

Źródło

2017-03-17 samuraiseoul

Może być URL repozytorium? –

Tak, to wymaga więcej informacji, aby sprawdzić, co dzieje się w pliku app.scss, ponieważ faktycznie różni się od nazwy głównej.scss i nie widzę skompilowanego pliku css również w folderze css. Pamiętaj, że sass szuka pliku głównego "scss", który w moim przypadku jest "app.scss", który powinien mieć @imports of partials lub cokolwiek chcesz skompilować do nowego pliku app.CSS. Więc możesz chcieć udostępnić więcej informacji o tym, jak to robisz? – Leo

@DavidJacquel @Leo Oto link do oddziału na repo z plikami sass. Zmieniłem także pytanie, aby mieć również link. Powinieneś być w stanie sklonować i uruchomić 'jekyll build', aby uruchomić. Bardzo dziękuję za naszą pomoc. Jeśli masz jeszcze jakieś pytania, daj mi znać i mogę dodać wymagane informacje. https://github.com/samuraiseoul/kimchiChingu/tree/23-sass – samuraiseoul

W porządku, więc wymyśliłem to. Problem polegał na tym, że musiałem albo załączyć podstawę - wszystko w moim pliku sass lub konkretne moduły, które chciałem.

po prostu używając @import 'foundation'; nie był wystarczająco dobry, musiałem również umieścić @include foundation-everything; lub wymienić każdy komponent, który chciałem na wypadek, gdybym nie chciał wszystkiego.

Źródło

2017-03-26 00:40:49 samuraiseoul

Hmm .. wygląda na to, że wszystkie cząstki importowane w foundation.scss to tylko funkcje sass, mixiny i zmienne. Więc nie ma rzeczywistego wyniku css.

Źródło

2017-03-22 14:22:36

Hrmmm, użyłem npm do generowania rzeczy fundamentowych i tak naprawdę nie usunął niczego. Czy istnieje inny sposób na zdobycie fundamentu w projekcie, który jest lepszy? – samuraiseoul

Jeśli naprawdę nie chcesz zmieniać oryginalnego CSS fundamentu, możesz po prostu dołączyć 'foundation.scss' i zamienić wszystkie @include na minified foundation css file. Aby nadpisać style, możesz dodać kolejny plik .scss w folderze _sass i użyć polecenia @include po '@include:' foundation ''; w twoim głównym.scss.Na przykład będziesz miał pliki foundation.scss i custom.scss w pliku _sass. W pliku main.scss musiałbyś napisać '@include: 'foundation'; @include: "niestandardowy"; '. W ten sposób Twoje niestandardowe style nadpisałyby oryginalny CSS z podstaw. Mam nadzieję, że to pomaga :) –

To właśnie robię teraz w głównej gałęzi, ale nie chcę tego robić, ponieważ dla kilku rzeczy, które działają, ale dla czegoś takiego jak główny kolor lub inny, jeśli chcę zmień to w całym projekcie, a następnie muszę zregenerować pełne min.css ze strony fundacji i zapamiętać całą moją poprzednią wartość. Chcę, żeby to działało za pomocą scss, więc nie muszę uwzględniać wielu rzeczy, których nie chcę i mogę łatwiej zmieniać rzeczy w przyszłości. Czy wiesz, jak mogę to zrobić za pomocą plików sass fundacji? – samuraiseoul

miałem podobny problem, nawet po dodaniu

@include foundation-everything($flex: false);

I zorientowaliśmy się po zaktualizowaniu moduł łyk-Sass.

Źródło

2017-07-12 09:37:01

Mogliśmy mieć inną wersję podstawową. Tak czy inaczej, dzięki za udokumentowanie kolejnej poprawki tutaj. :RE – samuraiseoul

Sass zawiera tylko komentarze od częściowej fundacji w skompilowanej css

Odpowiedz

Powiązane problemy