タグ

ブックマーク / tombolo.jp (1)

  • gulp-sass + BrowserSyncでコーディングする際の gulpfile メモ

    フロントエンドのコーディング効率化を図るべく、弊社ではgulpを利用しています。秘伝のタレのように少しづつgulpfileに材料を足していき、だいぶ熟成が進んできましたので、2017年6月現在での最新版をメモしておこうと思います。 gulpfile.jsサンプル Sass編集時はストリーム、他はリロード BrowserSyncの自動リロードは便利ですが、scssを少し編集するたびにリロードし、スクロール位置が動いてしまい不便なことがあります。そんなときはreloadのかわりにstreamを指定しておくと、ページ全体ではなく修正部分だけが反映されて便利です。 AutoPrefixerでベンダープレフィックス自動付加 モダンなブラウザではCSS3対応も進み、以前に比べればベンダープレフィックスが必要な場面も減りました。それでも一部の古いスマホ等では、対応が必要なことがあり、うっかりプレフィック

    gulp-sass + BrowserSyncでコーディングする際の gulpfile メモ
  • 1