gulp常用插件之gulp-beautify使用

hlihaihong 2020-01-13

更多gulp常用插件使用请访问:gulp常用插件汇总


gulp-beautify这是一款使用js-beautify进行资产美化插件。

更多使用文档请点击访问gulp-beautify工具官网

安装

一键安装不多解释

npm install --save-dev gulp-beautify

使用

这是js-beautify的gulp插件。

var beautify = require('gulp-beautify');

gulp.task('beautify', function() {
  return gulp
    .src('./src/*.js')
    .pipe(beautify.js({ indent_size: 2 }))
    .pipe(gulp.dest('./public/'));
});

与js-beautify一样,您可以将其用于HTML和CSS

var beautify = require('gulp-beautify');

gulp.task('beautify-html', function() {
  return gulp
    .src('./src/*.html')
    .pipe(beautify.html({ indent_size: 2 }))
    .pipe(gulp.dest('./public/'));
});
gulp.task('beautify-css', function() {
  return gulp
    .src('./src/*.css')
    .pipe(beautify.css({ indent_size: 2 }))
    .pipe(gulp.dest('./public/'));
});

gulp.task('beautify-js', function() {
  // gulp-beautify导出与js-beautify编程访问相同
  // 因此beautify()是beautify.js()
  return gulp
    .src('./src/*.js')
    .pipe(beautify({ indent_size: 2 }))
    .pipe(gulp.dest('./public/'));
});

选件
任何选项都将直接传递给js-beautify

相关推荐