是否可以从gulpfile.js管理文件内容?

时间:2016-07-28 14:33:36

标签: javascript css gulp

我使用gulp将我的css文件连接成一个。在连接之前需要更改一些css文件,例如

mobile_home.css

.pagination-image-right {
    padding-left: 20px;
}

.pagination-image-left {
    padding-right: 20px;
}

我需要像这样包装它

@media (max-width: 1000px) and (min-aspect-ratio: 4/3) {
    .pagination-image-right {
        padding-left: 20px;
    }

    .pagination-image-left {
        padding-right: 20px;
    }
}

我创建了任务

gulp.task('styles', function() { 
  return gulp.src('mobile_home.css')
    .pipe(fs.readFile("mobile_home.css"), "utf-8", function(err, _data) {
    // Wrap here
}))
    .pipe(concat('./src/custom.css'))
    .pipe(cleanCSS())
    .pipe(gulp.dest('./'))
});

是否可以打开,更改,保存文件以及如何操作?

非常感谢。

0 个答案:

没有答案