首页 > 其他 > 详细

gulp常用插件之gulp-beautify使用

时间:2020-01-13 00:55:02      阅读:142      评论:0      收藏:0      [点我收藏+]

更多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

gulp常用插件之gulp-beautify使用

原文:https://www.cnblogs.com/jiaoshou/p/12185295.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!