2016-12-22 1 views
0

Wir sind ein kleines Design/Web-Shop. Ich habe kürzlich ein neues Basis-Repo mit Schluck und SASS/SCSS eingerichtet. Als ich unsere SCSS-Dateistruktur eingerichtet habe, habe ich unsere eine große LESS-Datei, die wir benutzt haben, in eine Menge kleinerer SCSS-Dateien aufgeteilt.Mehrere SCSS/LESS-Dateien oder 1 große Datei

Die neue Struktur ist wie dieser

Inhouse

  • Typographie
  • Tabellen
  • Tasten
  • ...
  • Navigation
  • der gesamten Site
  • Single-Seiten

Anbieter

  • Bootstrap
  • fontawesome

Offensichtlich ist dies ein vereinfachtes Layout.

Dies führte zu einer Diskussion im Haus. Einige von uns zogen es vor, eine große LESS-Datei zu haben, und einige von uns mögen es, Stile in ihre eigenen Blätter auszubrechen. Wenn ich online auf andere SCSS-Implementierungen schaue, sehe ich, wie sie ihre SCSS in mehrere Blätter aufteilen, aber das ist vielleicht nicht das Beste für Custom/Inhouse Stylesheets.

Ich konnte niemanden davon überzeugen, dass dies die richtige Methode ist.

Kann mir jemand auf die eine oder andere Weise ein gutes Argument liefern? Ist eine große SCSS-Datei einfacher für interne/benutzerdefinierte Sachen oder sollten wir stattdessen mehrere Dateien verwenden.

+0

Ich denke, das liegt an persönlichen Vorlieben. Ich bevorzuge es, sie in kleineren Dateien zu haben, nur weil Sie das Styling aufteilen und die Dinge einfacher finden können. Wenn Sie wissen, dass Sie nur auf Seite X oder Teil Y einen bestimmten Stil haben, können Sie in diese eine Datei schauen, anstatt einen einzelnen Monolithen zu laden und ihn zu durchsuchen. es erleichtert auch die Verwaltung von Zusammenführungen, da es sich nur um Änderungen an kleinen Dateien und nicht um viele Änderungen an einer großen Datei handelt. – gabe3886

+0

Wir haben etwas Ähnliches für unsere Inhouse-Bedürfnisse geschaffen. Wir wurden von der Bootmethode [bootstrap-scss] (https://github.com/twbs/bootstrap-sass) geleitet. Habe alles in kleine Stücke zerlegt, weil du immer eine große Datei mit einfachen @imports dieses Teils erstellen kannst (wie die main bootstrap-scss Datei). Sobald Sie die Spur "alles in einer Datei" durchgehen, wird es schwer sein, sie zu durchbrechen. –

Antwort

0

Viele modulare Blätter schlagen jedes Mal ein großes Blatt. Ich habe nicht an vielen großen Kundenprojekten gearbeitet, aber seit ich auf modulare Arbeitsblätter umgestiegen bin, ist es so viel besser, Code zu übergeben oder mit einem Team zu arbeiten.

Bootstrap ist aus gutem Grund das beliebteste CSS Framework. Ich habe ihre Philosophie übernommen und ein ähnliches System wie das oben beschriebene entwickelt, das ich für jedes Projekt verwende. Organisation war noch nie besser, und nicht durch ein riesiges Blatt scrollen oder cmd + f hat mich mehrere Minuten pro Tag gerettet.

Verwandte Themen