създаване на много scss файлове в един минимизиран css

Имам четири файла:

  • scss/bootstrap-grid.scss
  • scss/bootstrap-reboot.scss
  • scss/bootstrap-utilities.scss
  • scss/bootstrap.scss

И от тези файлове ми трябват 3 - public/css/styles.css styles.css.map и styles.min.css

Когато min.css е минимизиран файл, а map е файл с карта, мога ли да направя команда в един скрипт, използвайки node sass? Използвам macOS

Много благодаря!


person Seven    schedule 18.05.2021    source източник


Отговори (1)


Абсолютно можете да го направите.

Единственото нещо, което трябва да направите, е да именувате всичките си SCSS файлове, започвайки с долна черта.

След това трябва да направите style.scss, да импортирате другите SCSS файлове в него, след което да го компилирате.

Долната черта като първи знак от името на файла казва на компилатора, че файлът е частичен и не трябва да се компилира.

Той се компилира чрез импортиране.

Ако приемем, че имате style.scss в същата папка като частичните файлове, това е всичко, от което се нуждаете в style.scss

   @import "_bootstrap-grid";
   @import "_bootstrap-reboot";
   @import "_bootstrap-utilities";
   @import "_bootstrap";
person Dan Mullin    schedule 18.05.2021
comment
благодаря @DanMullin, но как би изглеждала декларацията на скрипта? - person Seven; 19.05.2021
comment
@Seven Актуализирах отговора с това, което трябва да съдържа файлът style.scss - person Dan Mullin; 19.05.2021
comment
но имам предвид като в package.json :) така че получавам styles.css, styles.min.css и styles.map.css - person Seven; 23.05.2021