LoginSignup
0
0

More than 5 years have passed since last update.

【とりあえず】sassデプロイ環境手順【構築】

Posted at

とりあえずテスト構築なのでところどころ適当(。>﹏<。)

どっかこんてな

こんてなつくって
docker run -itd --name sass -h sass -p 8080:80 -v /vagrant_data/css:/home/www/css -t centos:centos7 /sbin/init

ドッカにはいろ
docker exec -it sass bash

紅玉いれて

必要なやーつ
yum install -y gcc make git bzip2 openssl-devel libffi-devel readline-devel

ルビーノバージョンがどれがいいのかしらなのでとりまどうにでもなーるやーつ

rbenv
git clone https://github.com/sstephenson/rbenv.git /usr/local/src/rbenv
git clone https://github.com/sstephenson/ruby-build.git /usr/local/src/rbenv/plugins/ruby-build
/etc/profile.d/rbenv.sh
cat << 'EOS' > /etc/profile.d/rbenv.sh
export RBENV_ROOT="/usr/local/src/rbenv
export PATH="${RBENV_ROOT}/bin:${PATH}"
eval "$(rbenv init -)"
EOS

source /etc/profile.d/rbenv.sh

とりま安定版って書いてあったやつ :) Ruby
rbenv install 2.4.1

rbenv global 2.4.1

[root@sass /]# ruby -v
ruby 2.4.1p111 (2017-03-22 revision 58053) [x86_64-linux]

とりあえず。
gem update --system

ここからがSasssssss

gem install sass

[root@sass /]# sass -v
Sass 3.5.1 (Bleeding Edge)

かんたんなScssかいておこう

style.scss
div {
    width: 100px;
    a {
        color: red;
    }
}

コマンドうつべし(ΦωΦ)
sass --style expanded style.scss:style.css

ぽこーーーーーん

style.css
div {
  width: 100px;
}
div a {
  color: red;
}

/*# sourceMappingURL=style.css.map */

(/・ω・)/(/・ω・)/(/・ω・)/(/・ω・)/

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0