Un fichier sourcemap SASS pour Foundation
Un de mes collègues a trouvé une solution pour avoir un fichier source map quand on compile Foundation.
Son fichier fait d’autres trucs, je n’ai extrait que la partie source map.
On commence par installer gulp-sourcemap :
- npm install gulp-sourcemaps --save-dev
Ensuite on adapte le fichier gulpfile.js pour qu’il génère le sourcemap :
- var gulp = require('gulp');
- var $ = require('gulp-load-plugins')();
- var sassPaths = [
- 'bower_components/foundation-sites/scss',
- 'bower_components/motion-ui/src'
- ];
- gulp.task('sass', function() {
- return gulp.src('scss/app.scss')
- .pipe($.sourcemaps.init())
- .pipe($.sass({
- includePaths: sassPaths,
- outputStyle: 'compressed' // if css compressed **file size**
- }).on('error', $.sass.logError))
- .pipe($.autoprefixer({
- browsers: ['last 2 versions', 'ie >= 9']
- }))
- .pipe($.sourcemaps.write('../css'))
- .pipe(gulp.dest('css'));
- });
- gulp.task('default', ['sass'], function() {
- gulp.watch(['scss/**/*.scss'], ['sass']);
- });