首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使Gulp少只输出主文件,忽略包含?

如何使Gulp少只输出主文件,忽略包含?
EN

Stack Overflow用户
提问于 2014-05-12 15:30:06
回答 1查看 4.4K关注 0票数 5

我在我的应用程序文件夹中有一个装满了更少文件的文件夹。其中有两个主文件和几个包含文件,所有这些文件都以"_“作为前缀。我只想将这2个文件及其源代码映射输出到我的build文件夹,但当然默认设置会输出所有较少的文件:

代码语言:javascript
复制
var gutil = require('gulp-util');
var changed = require('gulp-changed');
var path = require('path');
var less = require('gulp-less-sourcemap');

gulp.task('less', function() {
  gulp.src('./app/less/*.less')
     .pipe(less({
        generateSourceMap: true, // default true
        paths: [path.join(__dirname, 'less', 'includes')]
    }))
    .pipe(gulp.dest('./build/css'));
});

我想我可以把我的包含放在一个子目录中,但是如果我没有必要的话,我宁愿不必编辑更少的内容。

更新

我知道如何在中指定一个单个文件,但是我有两个更少的文件,需要生成2个CSS文件,每个文件都有自己的映射。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-05-12 16:08:17

解决方案1:

使用event-stream

代码语言:javascript
复制
gulp.task('less', function(cb) {
  var lessc = less({
    paths: [path.join(__dirname, 'less', 'includes')]
  });
  return es.merge(
    gulp.src('app/less/main.less')
      .pipe(lessc)
      .pipe(gulp.dest('build/css')),
    gulp.src('app/less/theme.less')
      .pipe(lessc)
      .pipe(gulp.dest('build/css'))
  );
});

解决方案2:

创建两个任务。

代码语言:javascript
复制
gulp.task('less', ['less:main', 'less:theme']);
gulp.task('less:main', function() {
  return gulp.src('./app/less/main.less')
    .pipe(less({ paths: [path.join(__dirname, 'less', 'includes')] }))
    .pipe(gulp.dest('./build/css'));
});
gulp.task('less:theme', function() {
  return gulp.src('./app/less/theme.less')
    .pipe(less({ paths: [path.join(__dirname, 'less', 'includes')] }))
    .pipe(gulp.dest('./build/css'));
});
票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23613123

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档