我在Gulp中有一个任务,在css中编译一个较少的文件。我想用sourcemaps输出非minify和minify版本。我找不到解决方案。 这是我应该完成这项工作的实际任务:
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想要缩小地图文件。有人可以用该功能发布他的完整任务吗?
提前谢谢!
答案 0 :(得分:2)
像这样使用' 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('.'));