TypeScript gulp-sass類代碼示例

本文整理匯總了TypeScript中gulp-sass類的典型用法代碼示例。如果您正苦於以下問題：TypeScript gulp-sass類的具體用法？TypeScript gulp-sass怎麽用？TypeScript gulp-sass使用的例子？那麽, 這裏精選的類代碼示例或許可以為您提供幫助。

在下文中一共展示了gulp-sass類的9個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1:

gulp.task('css.build', () =>
  gulp.src(PATH.src.css)
    .pipe(sass().on('error', sass.logError))
        .pipe(autoPrefixer({
			browsers: ['last 2 versions'],
			cascade: false
		}))
    .pipe(gulp.dest(PATH.dest.app.client))

開發者ID:australdev，項目名稱:app，代碼行數:8，代碼來源:gulpfile.ts

示例2:

export = () => {
	gulp.src(Config.src.scss)
		.pipe(sourcemaps.init())
		.pipe(sass())
    .pipe(cssmin())
		.pipe(sourcemaps.write())
		.pipe(gulp.dest(Config.dist.dev));
};

開發者ID:vyakymenko，項目名稱:qlikview-extensions-starter-pack-es6，代碼行數:8，代碼來源:scss.dev.ts

示例3: buildStyles

export default function buildStyles() {
  return gulp.src(project.paths.styles)
    .pipe(changed(project.paths.output, {extension: '.css'}))
    .pipe(sourcemaps.init())
    .pipe(sass().on('error', sass.logError))
    .pipe(sourcemaps.write())
    .pipe(gulp.dest(project.paths.output));
};

開發者ID:itainteasy，項目名稱:cli，代碼行數:8，代碼來源:build-styles-sass.ts

示例4:

export = () => {
    return gulp.src([APP_SRC + '/**/*.scss', '!' + APP_SRC + '/styles/**/_assets.scss'])
      // .pipe(sassLint())
      // .pipe(sassLint.format())
      // .pipe(sassLint.failOnError())
      .pipe(sass())
      .pipe(gulp.dest(APP_SRC + '/'));
  };

開發者ID:unit9，項目名稱:gae-secure-scaffold-python，代碼行數:8，代碼來源:sass.ts

示例5:

gulp.task("sass", () => {
    gulp.src(Paths.StylesSrc)
        .pipe(sourcemaps.init())
        .pipe(sass())
        .pipe(cleanCss())
        .pipe(sourcemaps.write())
        .pipe(gulp.dest(Paths.StylesDist))
        .pipe(connect.reload());
});

開發者ID:lukeautry，項目名稱:typescript-bundler，代碼行數:9，代碼來源:sass.ts

示例6:

 gulp.task(task, () => {
   let result = gulp
     .src(path.join(root, project.plugin.src, '**/*.{scss,css}'))
     .pipe(sourcemaps.init())
     .pipe(sass().on('error', sass.logError))
     .pipe(sourcemaps.write());
   for (const moduleName in project.plugin.outputs) {
     result = result
       .pipe(gulp.dest(path.join(project.plugin.output, moduleName)));
   }
   return result;
 });

開發者ID:jbockle，項目名稱:aurelia-json-schema-form，代碼行數:12，代碼來源:sass-compilation.ts

示例7: processCSS

export default function processCSS() {
  let processors = [
    autoprefixer({browsers: ['last 1 version']}),
    cssnano
  ];

  return gulp.src(project.cssProcessor.source)
    .pipe(changedInPlace({firstPass:true}))
    .pipe(sourcemaps.init())
    .pipe(postcss(processors))
    .pipe(sass().on('error', sass.logError))
    .pipe(build.bundle());
};

開發者ID:Vheissu，項目名稱:aurelia-trello-clone，代碼行數:13，代碼來源:process-css.ts

示例8:

gulp.task("build.css", ["build.css.dev"], (done: any) => {
    return gulp.src(["src/themes/*.scss"])
        .pipe(sourcemaps.init())
        .pipe(sass({
            includePaths: ["src/**/*.scss"],
        }))        
        .pipe(autoprefixer({
			browsers: ["last 2 versions"],
			cascade: false
		}))  
        .pipe(cleanCSS())
        .pipe(sourcemaps.write())
        .pipe(gulp.dest("./dist")); 
});

開發者ID:QuinntyneBrown，項目名稱:zero-blocks，代碼行數:14，代碼來源:gulpfile.ts

示例9:

gulp.task("build.css.dev", () => {
    gulp.src(["src/themes/*.scss"])
        .pipe(plumber())
        .pipe(sourcemaps.init())
        .pipe(sass({
            includePaths: ["src/**/*.scss"],
        }))
        .pipe(autoprefixer({
            browsers: ["last 2 versions"],
            cascade: false
        }))
        .pipe(sourcemaps.write("./"))
        .pipe(plumber.stop())
        .pipe(gulp.dest("./dist/dev"))
});

開發者ID:damyanpetev，項目名稱:zero-blocks，代碼行數:15，代碼來源:gulpfile.ts

注：本文中的gulp-sass類示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台，相關代碼片段篩選自各路編程大神貢獻的開源項目，源碼版權歸原作者所有，傳播和使用請參考對應項目的License；未經允許，請勿轉載。