• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript gulp-less类代码示例

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

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



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

示例1:

gulp.task("less", () => {
    gulp.src("less/**/*.less")
        .pipe(less({
            paths: ["less/includes"]
        }))
        .pipe(gulp.dest("public/css"));
});
开发者ID:AbraaoAlves,项目名称:DefinitelyTyped,代码行数:7,代码来源:gulp-less-tests.ts


示例2: function

gulp.task('less', function() {
  return gulp.src('./app/style/**/*.less')
    .pipe(less({
      paths: [__dirname + '/app/style']
    }))
    .pipe(gulp.dest('./app/style'));
});
开发者ID:hack-rpi,项目名称:Email-Board,代码行数:7,代码来源:gulpfile.ts


示例3: processCSS

export default function processCSS() {
  gulp.src(project.cssProcessor.source)
    .pipe(changedInPlace({firstPass:true}))
    .pipe(sourcemaps.init())
    .pipe(less())
    .pipe(build.bundle());
};
开发者ID:agileraymond,项目名称:cli,代码行数:7,代码来源:process-less.ts


示例4: buildStyles

export default function buildStyles() {
  gulp.src(project.paths.styles)
    .pipe(changed(project.paths.output, {extension: '.css'}))
    .pipe(sourcemaps.init())
    .pipe(less())
    .pipe(sourcemaps.write())
    .pipe(gulp.dest(project.paths.output));
};
开发者ID:itainteasy,项目名称:cli,代码行数:8,代码来源:build-styles-less.ts


示例5: processCSS

export default function processCSS() {
  return gulp.src(project.cssProcessor.source)
    .pipe(changedInPlace({ firstPass: true }))
    .pipe(plumber({ errorHandler: notify.onError('Error: <%= error.message %>') }))
    .pipe(sourcemaps.init())
    .pipe(less())
    .pipe(build.bundle());
}
开发者ID:jugglingthebits,项目名称:C3,代码行数:8,代码来源:process-css.ts


示例6:

gulp.task("styles:build", () => {
  return gulp.src(paths.less.sources)
    .pipe(sourcemaps.init({
      loadMaps: true,
    }))
    .pipe(less())
    .pipe(sourcemaps.write('./'))
    .pipe(gulp.dest(paths.build_dir.css))
})
开发者ID:FourtekIT-incubator,项目名称:bokeh,代码行数:9,代码来源:styles.ts


示例7: 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


示例8: filter

gulp.task('default', () => {
    const jsFilter = filter('**/*.js', {restore: true});
    const lessFilter = filter('**/*.less', {restore: true});

    return gulp.src('assets/**')
        .pipe(jsFilter)
        .pipe(concat('bundle.js'))
        .pipe(jsFilter.restore)
        .pipe(lessFilter)
        .pipe(less())
        .pipe(lessFilter.restore)
        .pipe(gulp.dest('out/'));
});
开发者ID:AbraaoAlves,项目名称:DefinitelyTyped,代码行数:13,代码来源:gulp-filter-tests.ts


示例9: function

gulp.task("less", function() {
	return gulp.src(["./public/less/style.less"])
	.pipe(less())
	.pipe(cleanCSS())
	.pipe(gulp.dest("./public/"));
});
开发者ID:glenndierckx,项目名称:node-express-typescript,代码行数:6,代码来源:gulpfile.ts



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


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript gulp-load-plugins类代码示例发布时间:2022-05-28
下一篇:
TypeScript gulp-jade类代码示例发布时间:2022-05-28
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap