LoginSignup
0
1

More than 5 years have passed since last update.

Amazon Linux(EC2)でcssをminifyする

Posted at

WordPressのstyle.cssをLinux上のコマンドでminifyしたいな・・
と思って調べたのですが、そのようなコマンドは無いみたいです。

ちょうど、rubyの環境が作ってあったので、rubyで簡単に自作することにしました。

uglifyjsやuglifycssというのもあるようなのですが、yumでインストールできず、手動でnode.jsからインストールしないとダメなようでしたので、今回は避けました。

前提条件

rubyの環境は構築済みとします。
必要なGemはsassです。

minifyするrubyスクリプトの作成

#!/bin/ruby
require "sass"
puts Sass::Engine.new(ARGF.read, :syntax => :scss, :style => :compressed).render

#!/bin/rubyは各環境に合わせてください。

私の環境ではRVMを使用しているので、以下のようになりました。

#!/usr/local/rvm/rubies/ruby-2.4.0/bin/ruby

require "sass"
puts Sass::Engine.new(ARGF.read, :syntax => :scss, :style => :compressed).render

ここでは仮にcssminというファイルにしておきます。

chmod 755 cssmin

などとして、実行できるようにしておきます。

実行

cssmin style.me.css > style.css

のような形です。


※参考URL
http://qiita.com/masayuki_oguni/items/5c2975ea7928d55f4693

0
1
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
1