Teraz, gdy rozwijam swój projekt, mam trzy pliki: "main.css", "about.css" i "news.css" (na przykład). Czy można je skompilować do jednego pliku "final.css" do produkcji?Sass, Kompas, skompiluj cały plik CSS do jednego
9
A
Odpowiedz
32
Sass import directive służy do importowania zawartości jednego pliku do drugiego, więc można utworzyć plik final.scss
którego zawartość to:
@import 'main';
@import 'about';
@import 'news';
Byłbyś wtedy trzeba zmieniać nazwy plików mają „SCSS "rozszerzenia, więc dyrektywa importowa je znajdzie. Jeśli nie chcesz, aby main.scss
, about.scss
, a news.scss
pliki do kompilacji plików CSS do siebie, można użyć partials poprzedzając nazwy plików ze znakiem podkreślenia (tj _main.scss
, _about.scss
, _news.scss
).
Powiązane problemy
- 1. SASS/Kompas Przejścia
- 2. Sass, kompas i JavaScript
- 3. Dodaj kompas do istniejącego projektu sass?
- 4. Kompas/SASS - nie wszystkie pliki są kompilowane
- 5. Błąd instalacji Gem (kompas sass)
- 6. Kompas i SASS lub mniej i?
- 7. Kompas config.rb Lokalizacja
- 8. Sass/Kompas nie usuwa starego sprite'a
- 9. Kompas wielu przejść css
- 10. Uruchom kompas/SASS w innej wersji
- 11. Ręcznie skompiluj SASS do CSS za pomocą C# Action, aby dostosować konfigurację Frontend Layouts.
- 12. Jak @importować plik .css jako plik .scss w sass?
- 13. Szyny 3.2.12 Aplikacja Sass/Kompas @import braku w produkcji tylko
- 14. Skompiluj plik binarny do łączenia OSX
- 15. Jak połączyć kompas z błogosławieństwem?
- 16. Skompiluj samodzielny statyczny plik wykonywalny
- 17. Nie można wykonać pomruku-contrib-kompas
- 18. Skompiluj CSS do HTML w stylu Inline w Grails?
- 19. Czy "kompas" programu @import obejmuje całą strukturę?
- 20. Jak uruchomić kompas kompilacji bez odniesienia do pliku lub linii?
- 21. Jak automatycznie ładować css w Chrome po edycji plików SASS
- 22. Jak dodać brokuły-kompas do ember-cli v0.0.28?
- 23. Warunkowo importowane częściowe - Kompas
- 24. Spraw, aby kompas przestał sprawdzać/kompilował ikonki
- 25. Sass - zegarek wykrywa zmiany, ale nie kompiluje się do CSS
- 26. SASS CSS poprzez zadania ANT + tworzenie katalogów
- 27. Skompiluj plik Java ... za pomocą programu Java
- 28. Skompiluj jeden plik w projekcie CMake?
- 29. Sass Nieprawidłowy błąd CSS: "oczekiwane wyrażenie"
- 30. Kompas w Symfony 2 Filtr zasobów wyjątek
Czy jest to preferowany sposób kompilacji wszystkich plików CSS w jednym pliku CSS? – Vincent
Tak, zazwyczaj. Łączenie wszystkich CSS w jeden plik pomaga zwiększyć wydajność poprzez zmniejszenie liczby żądań HTTP na stronę. Oto dobre odniesienie: http://developer.yahoo.com/performance/rules.html#num_http – hopper