少编译并输出缩小和非缩小文件

Question

我在Gulp中有一个任务是在css中编译一个less文件。我想用 sourcemaps 输出非缩小版和缩小版。我找不到解决方案。这是我应该完成这项工作的实际任务：

return gulp.src(['./src/less/main.less'])
.pipe(sourcemaps.init())
.pipe(less({
    paths: ['node_modules'],
}))
.pipe(sourcemaps.write('.'))
.pipe(cssnano())
.pipe(rename(function (path) {
    console.log(path);
    path.basename = path.basename.split('.')[0] + '.min' + (path.basename.split[1] || ''); //to change the name from main.css to main.min.css
}))
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest('dist/css/'));

我得到一个错误，因为 cssnano 想要缩小地图文件。有人可以 post 使用该功能完成任务吗？

提前致谢！

Answer 1

像这样使用 'gulp-clone' 包：

var files = gulp.src(['./src/less/main.less']);

files
  .pipe(clone())
  .pipe(sourcemaps.init())
  .pipe(less())
  .pipe(cssnano())
  .pipe(sourcemaps.write('.'));

files
  .pipe(sourcemaps.init())
  .pipe(less())
  .pipe(sourcemaps.write('.'));

少编译并输出缩小和非缩小文件

Compile less and output minify and non-minify files

gulp

gulp-less

gulp-sourcemaps