カテゴリー︎： 【CSS】・【Sass】
webサイトが完成して、cssの圧縮をして読み込みを早くするまで順調にいったが、
cssを追加修正する際に、圧縮前のcssやsassファイルをいじるのがとてつもなく面倒なとき、さくっと修正して、cssの圧縮をもどしたり、cssの圧縮をしてサーバーにUPロードするときのメモ
*必須環境は、sassがインストールされていることと、macターミナルを使うこと。
stlye.cssは圧縮されていることが前提。
はじめに、stlye.cssのバックアップ用として、bk_stlye.cssとして残しておく
このbk_stlye.cssは使わない。
(1)stlye.cssをリネイム⇒style.scssとする。
(2)ターミナルを立ち上げて、下記のコマンドをうつ。
sass style.scss:style2.scss --style expanded ⏎
これで、圧縮が普通の記述に戻る。
*混乱をさけるために、ファイル名をstyle2.scssとしている
(3) style2.scssを修正する
*style2.cssと拡張子を変更してもよいが、今回はscssのまま修正する
(4) 修正が終わったら圧縮するためのコマンドをうつ（ここでcssに戻す）
sass style2.scss:style.css --style compressed ⏎
これで、圧縮されたstyle.cssが完成するのでサーバーへUPする
おためしあれ〜