programing

scss를 css로 변환

nasanasas 2020. 12. 6. 21:37
반응형

scss를 css로 변환


누구든지이 코드를 표준 CSS로 어떻게 변환 할 수 있는지 알고 있습니까? 에디터에서 작동하지 않습니다.

http://codepen.io/andymcfee/pen/eyahr


CSS (SCSS)CodePen 에서 제목을 클릭 하면 (기어로 전처리기를 변경하지 마십시오) 컴파일 된 CSS보기로 전환됩니다.

컴파일 된 미리보기의 Codepen 스크린 샷


터미널에서 systlesheets가있는 폴더에서이 명령을 실행하십시오.

sass --watch style.scss:style.css 

출처:

http://sass-lang.com/

.scss파일 의 변경 사항을 발견 할 때마다 업데이트됩니다..css

이것은 .scss로컬 컴퓨터에 있을 때만 작동 합니다. 코드를 파일에 복사하고 로컬에서 실행 해보십시오.


이것은 온라인 / 오프라인 솔루션이며 변환하기 매우 쉽습니다. SCSS에서 CSS로 변환

여기에 이미지 설명 입력


우선, 루비가 컴퓨터에 없다면 설치해야합니다.

1. 터미널 창을 엽니 다. 2. which ruby ​​명령을 실행하십시오.

If you see a path such as /usr/bin/ruby, Ruby is installed. If you don't see any response or get an error message, Ruby is not installed. To verify that you have a current version of Ruby, run the command ruby -v.

If ruby is not installed on your machine then

sudo apt-get install ruby2.0
sudo apt-get install ruby2.0-dev
sudo update-alternatives --install /usr/bin/gem gem /usr/bin/gem2.0 1 

After then install Sass gem by running this command

sudo gem install sass --no-user-install

Then copy or add any .sass file and go to that file path and then

sass --watch style.scss:style.css 

When ever it notices a change in the .scss file it will update your .css

This only works when your .scss is on your local machine. Try copying the code to a file and running it locally.


You can use sass /sassFile.scss /cssFile.css

Attention: Before using sass command you must install ruby and then install sass.

For installing sass, after ruby installation type gem install sass in your Terminal

Hint: sass compile SCSS files


아래 명령을 사용하여 Ruby-sass 설치
sudo apt-get -y update
sudo apt-get -y install ruby-full
sudo apt install ruby-sass
gem install bundler


sass SCSS_FILE_PATH : CSS_FILE_PATH;

예 : sass mda / at-md-black.scss : css / at-md-black.css;

참고 URL : https://stackoverflow.com/questions/13649471/converts-scss-to-css

반응형