gulp-sass でソースマップの出力

やりたいこと

  • gulp で SASS コンパイルするときに一緒にソースマップファイルを出力する


環境

  • Mac OSX Yosemite
  • gulp 3.9.0
  • gulp-sass (バージョンは2015年6月28日時点の最新版)
  • gulp-sourcemaps 1.5.2

gulp-sass + gulp-sourcemaps

  • sass コンパイラは gulp-sass を使う
  • ソースマップの出力には gulp-sourcemaps が必要
  • 使い方は init() と write() で sass() を囲むだけ
  • write() で指定したディレクトリに style.css.map が生成される

パッケージのインストール

gulpfile.js の編集

  • write() の引数はソースマップファイルの出力先
  • write() の引数は gulp.dest() からの相対パスで指定
  • write() の引数を省略すると css ファイルに埋め込まれる

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">