読者です 読者をやめる 読者になる 読者になる

みかづきブログ その3

3ヶ月つづけてみました。

Compassのみ(他のタスクランナーをつかわず)でAutoprefixerをつかいたいという想い

CSS

GruntとかGulpでは良くAutoprefixerをつかっていたのですが、AutoprefixerのためだけにGruntとかGulpを導入するのもなかなか面倒なので、なんとかCompassでつかえないものかと悩んでいたのですが、つかえました。


必要なgemをインストール

autoprefixer-rails と csso-rails をインストールしましょう。

$sudo gem install autoprefixer-rails
$sudo gem install csso-rails

comfig.rbに以下を記載

require "autoprefixer-rails"
require "csso"

on_stylesheet_saved do |file|
  css = File.read(file)
  File.open(file, "w") do |io|
    io << AutoprefixerRails.process(css, browsers: ["> 1%", "last 2 versions", "ie 10"])
  end
end

これでOKです。

browsers: ["> 1%", "last 2 versions", "ie 10"]

ここの部分でサポートするブラウザを指定できます。> 1%の部分はよくわかっていませんがなんとなく書いてます。