How to use the gulp-sass function in gulp-sass

To help you get started, we’ve selected a few gulp-sass examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github alienfast / gulp-pipeline / dist / gulp-pipeline.es.js View on Github external
run(watching = false) {
    // add debug for importing problems (can be very helpful)
    if(this.config.debug && this.config.options.importer === undefined) {
      this.config.options.importer = (url, prev, done) => {
        this.debug(`importing ${url} from ${prev}`)
        done({file: url})
      }
    }

    return this.gulp.src(this.config.source.glob, this.config.source.options)
      .pipe(gulpif(this.config.debug, debug(this.debugOptions())))
      .pipe(sourcemaps.init())
      .pipe(sass(this.config.options))
      .on('error', (error) => {
        this.notifyError(error, watching)
      })
      .pipe(autoprefixer(this.config.autoprefixer.options))
      .pipe(sourcemaps.write())
      .pipe(this.gulp.dest(this.config.dest))
      .pipe(this.browserSync.stream())
  }
}
github kayac / kayac-html5-starter / gulpfile.babel.js View on Github external
gulp.task('sass', () => {
    const config = readConfig(`${CONFIG}/pleeease.json`);
    return gulp.src(`${SRC}/scss/style.scss`)
        .pipe(sassGlob())
        .pipe(sass())
        .pipe(pleeease(config))
        .pipe(postcss([
            require('postcss-assets')({
                loadPaths: [ 'img/' ],
                basePath: './public',
                // 相対位置の場合はコメントアウト
                relative: './css/',
            })
        ]))
        .pipe(gulp.dest(`${DEST}/css`));
});
github WhitestormJS / whs.js / gulp / dev.js View on Github external
gulp.task('sass:watch', () => {
  return gulp.src('./examples/assets/scss/*.scss')
    .pipe(watch('./examples/assets/scss/*.scss'))
    .pipe(sass())
    .pipe(gulp.dest('./examples/assets/css/'));
});
github andreyalexeich / gulp-pug-starter / gulp-tasks / styles.js View on Github external
gulp.task("styles", () => {
    return gulp.src(paths.styles.src)
        .pipe(gulpif(!production, sourcemaps.init()))
        .pipe(plumber())
        .pipe(sass())
        .pipe(groupmedia())
        .pipe(gulpif(production, autoprefixer({
            cascade: false,
            grid: true
        })))
        .pipe(gulpif(production, mincss({
            compatibility: "ie8", level: {
                1: {
                    specialComments: 0,
                    removeEmpty: true,
                    removeWhitespace: true
                },
                2: {
                    mergeMedia: true,
                    removeEmpty: true,
                    removeDuplicateFontRules: true,
github Wolox / frontend-bootstrap / gulp / tasks / sass.js View on Github external
gulp.task('sass', ['clean:css'], () => {
  return gulp.src(localConfig.src, { base: localConfig.base })
    .pipe(plumber({ errorHandler }))
    .pipe(gulpif(taskOptions.lint, sassLint({
      config: '.sass-lint.yml'
    })))
    .pipe(gulpif(taskOptions.lint, sassLint.format()))
    .pipe(gulpif(taskOptions.lint, sassLint.failOnError()))
    .pipe(gulpif(taskOptions.sourcemaps, sourcemaps.init()))
      .pipe(filter('**/application.scss'))
      .pipe(sass(localConfig.sassOptions()))
      .pipe(autoprefixer({
        browsers: ['last 2 versions'],
        cascade: false
      }))
    .pipe(gulpif(taskOptions.sourcemaps, sourcemaps.write()))
    .pipe(gulp.dest(localConfig.dest));
});
github senntyou / lila / packages / lila-tasks / src / compile.js View on Github external
if (!src) throw new Error('src not configured');
  if (!dest) throw new Error('dest not configured');

  let globs = src;
  let srcOptions = {};

  if (Array.isArray(src) && typeof src[1] === 'object') {
    [globs, srcOptions] = src;
  }

  if (sourceMap)
    return gulp
      .src(globs, srcOptions)
      .pipe(sourcemaps.init())
      .pipe(sass(options))
      .pipe(sourcemaps.write('.'))
      .pipe(gulp.dest(dest));

  return gulp
    .src(globs, srcOptions)
    .pipe(sass(options))
    .pipe(gulp.dest(dest));
};
github xiaogliu / pure-full-page / gulpfile.babel.js View on Github external
gulp.task('transferCSS', () => {
  gulp
    .src('./src/css/pureFullPage.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(cleanCSS({ compatibility: '*' }))
    .pipe(rename('pureFullPage.min.css'))
    .pipe(gulp.dest('./dist'));
});
github arkon / crcmaker / gulpfile.babel.js View on Github external
export function scss () {
  return gulp.src(PATHS.src_scss)
    .pipe(sass().on('error', sass.logError))
    .pipe(nano())
    .pipe(gulp.dest(PATHS.dest));
}
github IceEnd / ice-video / gulpfile.babel.js View on Github external
gulp.task('sass', () =>
  gulp.src(['./src/assets/sass/*.{scss,sass}'])
  .pipe(sass({ includePaths: ['bower_components', 'node_modules'], errLogToConsole: true }))
  .pipe(gulp.dest('./dist'))
  .pipe(rename({ suffix: '.min' }))
  .pipe(cleanCSS({ compatibility: 'ie8' }))
  .pipe(gulp.dest('./dist')),
);

gulp-sass

Gulp plugin for sass

MIT
Latest version published 2 years ago

Package Health Score

62 / 100
Full package analysis