TypeScript gulp-autoprefixer类代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中gulp-autoprefixer类的典型用法代码示例。如果您正苦于以下问题：TypeScript gulp-autoprefixer类的具体用法？TypeScript gulp-autoprefixer怎么用？TypeScript gulp-autoprefixer使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。

在下文中一共展示了gulp-autoprefixer类的5个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1:

import * as gulp from "gulp";
import * as autoprefixer from "gulp-autoprefixer";

gulp.src("test.css")
    .pipe(autoprefixer())
    .pipe(gulp.dest("build"));

gulp.src("test.css")
    .pipe(autoprefixer({ browsers: ["Chrome"]}))
    .pipe(gulp.dest("build"));

gulp.src("test.css")
    .pipe(autoprefixer({cascade: false}))
    .pipe(gulp.dest("build"));

gulp.src("test.css")
    .pipe(autoprefixer({remove: false}))
    .pipe(gulp.dest("build"));

开发者ID:AbraaoAlves，项目名称:DefinitelyTyped，代码行数:18，代码来源:gulp-autoprefixer-tests.ts

示例2:

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

示例3:

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

示例4:

gulp.task('build.sass', done => {
  const app_cdn = argv.deployUrl ? argv.deployUrl: '';
  gulp.src(join('./src', '**', '*.scss'))
    .pipe(cssGlobbing({  extensions: ['.scss'] }))
    .pipe(sass({
      includePaths:[join('./src', 'stylesheets')],
      style: 'compressed'
    }).on('error', sass.logError))
    .pipe(autoprefixer(AUTOPREFIXER_BROWSERS))
    .pipe(template({
      'APP_CDN': app_cdn,
    }))
    .pipe(gulp.dest('./.styles'))
    .on('end', () => {
      gulp.src('./.styles/stylesheets/main.css')
        .pipe(gulp.dest('./src'))
        .on('end', done);
    });
});

开发者ID:iamthelogik83，项目名称:front，代码行数:19，代码来源:gulpfile.ts

示例5: default

export default (target: string) => {
  const paths = {
    less: [
      './src/less/*.less',
      './src/components/**/*.less',
      `./src/${target}/**/*.less`
    ],
    tbui: [
      './src/less/tb-fonts-variables.less',
      './tools/libs/less/teambition-ui-variables.less',
      './tools/libs/less/teambition-ui-icons.less'
    ]
  }

  const stream = merge2(
    gulp.src(paths.tbui)
      .pipe(concat('tbui.less'))
      .pipe(logError(less())),
    gulp.src(paths.less)
      .pipe(sourcemaps.init({
        loadMaps: true
      }))
      .pipe(logError(less()))
      .pipe(sourcemaps.write())
  )
  .pipe(sourcemaps.init({
    loadMaps: true
  }))
  .pipe(concat('app.css'))
  .pipe(autoprefixer({
    browsers: ['last 2 versions']
  }))
  .pipe(sourcemaps.write())
  .pipe(gulp.dest(`www/css/`))

  return new Promise((resolve, reject) => {
    stream.on('end', () => {
      gutil.log(gutil.colors.yellow('complete less'))
      resolve()
    })
  })
}

开发者ID:jianxc，项目名称:teambition-mobile-web，代码行数:42，代码来源:less.ts

注：本文中的gulp-autoprefixer类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。