Чудя се какво да правя с SCSS файловете по време на разгръщане на уеб приложението ми (макар че това обикновено се отнася за всичко, което може да се компилира и трябва да се почисти преди разгръщане)
Прочетох, че SCSS файловете са безполезни, тъй като се компилират в CSS, преди да разгърна.
Използвам heroku и бих могъл лесно да пусна скрипт след инсталиране, който премахва папката SCSS след разполагане.
Чудя се дали това е най-добрата практика?
Като алтернатива, мисля, че бих могъл да създам нов клон на Master разгръщане, ако направя всичко необходимо почистване от Master Master и само внедряване?
Има ли друг начин? Кой е най-разпространеният метод?
Отговори:
0 за отговор № 1Искате да запазите източника си.scss файлове, защото там трябва да направите промени в бъдеще. Що се отнася до компилираните .css файлове, те могат да се консумират, защото можете да възстановите .scss, за да ги създадете отново.
Обичайно е проектите да съдържат две директории:
src
директория, която съдържа всички изходни файлове за разработване на проекта (тази директория е по-постоянна и е обичайно да се използват инструменти за контрол на версии катоgit
да запазите история на развитието).build
директория, която съдържа всички компилирани иминимизирани файлове и зависимости, необходими за разгръщане на работеща версия на проекта (тази директория е временна и единствената й цел е да бъде внедрена в производството или във вашия случай heroku).
За вашия .scss
и .css
файлове, можете да имате директория в src/scss
и директория build/css
(ако имате няколко таблици със стилове), или може просто да имате build/index.css
ако всичко е в един лист със стилове.
Обикновено се автоматизира процесът на преобразуване на нещата от src
в build
директория, използваща инструменти за изграждане / скриптове за изпълнение на поредица от различни задачи като изтегляне на зависимости, компилиране и минимизиране на файлове и запазване на крайните артефакти на компилация в build
реж.
Популярните инструменти за изграждане включват:
- беседка
- глътка
- WebPACK
- правя
- удрям
Например с gulp
, можете да определите задача, която използва "gulp-sass"
за насочване на файлове в src
които завършват в .scss
и ги компилирайте в .css
и ги запишете в build
директория.