2670


Visual Studio 2013（+ Web Essentials）でSass（.scss）ファイルを編集しています。

.scssファイルに

[code]

    div.border {
      border-radius: 5px;
    }
    
[/code]

と書いたらレンダープレフィックスを自動的に付与して、cssに

[code]

    div.border {
      -o-border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
    }
    
[/code]

と出力する方法はありますか？

[こちら](https://www.xenophy.com/sass/2795)に@mixinを使った方法が紹介されていますが、以下のような独自の記法になってしまうため、できれば標準的な書き方で実現できる方法が望ましいです。  
（エディタの入力支援機能などを有効利用したいため）

[code]

    div.border {
      @include PropertySetPrefix(border-radius, 10px);
    }
    
[/code]


CC BY-SA 3.0
2014-12-27T03:03:13.337
2669
2014-12-27T04:47:13.370
2014-12-27T04:47:13.370
4978
3925
question
css visual-studio sass
ベンダープレフィックスを自動的に付与する方法


Autoprefixerを有効にするのはどうでしょうか？ <https://github.com/postcss/autoprefixer#visual-
studio>


CC BY-SA 3.0
2014-12-27T03:09:53.210
2670
2014-12-27T03:09:53.210
4236
2669
answer